/* =========================================================
   دار سمائل - CSS نهائي v18 (الكامل)
   عنابي #6B0817 | وردي #F4C7D0 | ذهبي #C9A87C | بيج #FAF6F3
   الخط: Cairo
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&display=swap');

/* =========================================================
   1. المتغيرات
   ========================================================= */
:root {
  --brand: #6B0817;
  --brand-light: #C8102E;
  --brand-soft: #F5E6EA;
  --gold: #C9A87C;
  --pink: #F4C7D0;
  --cream: #FAF6F3;
  --beige: #FAF6F3;
  --text: #1A1A1A;
  --text-muted: #666666;
  --border: #EAD9D5;

  --van-blue: #6B0817 !important;
  --van-primary-color: #6B0817 !important;
  --van-link-color: #6B0817 !important;
  --van-success-color: #6B0817 !important;
  --van-tabs-bottom-bar-color: #6B0817 !important;
  --van-nav-bar-icon-color: #6B0817 !important;
  --van-nav-bar-text-color: #6B0817 !important;
  --van-button-primary-background: #6B0817 !important;
  --van-button-primary-border-color: #6B0817 !important;
  --van-checkbox-checked-icon-color: #6B0817 !important;
  --van-radio-checked-icon-color: #6B0817 !important;
  --van-tab-active-text-color: #6B0817 !important;
}

/* =========================================================
   2. الخط Cairo
   ========================================================= */
html, body, body *,
button, input, select, textarea {
  font-family: 'Cairo', -apple-system, system-ui, sans-serif !important;
}
[class*="sicon-"]::before,
[class*="sicon-"]::after,
[class*="sicon-"] {
  font-family: 'sallaicons' !important;
}

body {
  font-size: 16px !important;
  line-height: 1.75 !important;
  font-weight: 400 !important;
}

p, li, span, label, td, th {
  font-size: 15px !important;
  font-weight: 400 !important;
}

a { font-size: 15px !important; font-weight: 400 !important; }
small, .small { font-size: 13px !important; }

/* =========================================================
   3. الخلفيات - بيج
   ========================================================= */
body,
.main-wrapper,
.s-page,
.page-content,
.home-page,
section,
.page-wrapper {
  background-color: #FAF6F3 !important;
  color: #1A1A1A !important;
}

/* =========================================================
   4. العناوين
   ========================================================= */
h1, .title--x-large {
  color: #6B0817 !important;
  font-weight: 800 !important;
  font-size: 32px !important;
  letter-spacing: -0.5px !important;
  line-height: 1.3 !important;
}

h2, .section-title, .title--large {
  color: #6B0817 !important;
  font-weight: 800 !important;
  font-size: 26px !important;
  letter-spacing: -0.3px !important;
}

h3, .title--medium {
  color: #6B0817 !important;
  font-weight: 700 !important;
  font-size: 21px !important;
}

h4, .title--small {
  color: #6B0817 !important;
  font-weight: 700 !important;
  font-size: 18px !important;
}

h5, h6 {
  color: #6B0817 !important;
  font-weight: 700 !important;
  font-size: 16px !important;
}

.s-block__title h2,
.block-title,
.home-section-title,
.title--has-dash {
  color: #6B0817 !important;
  font-weight: 800 !important;
  font-size: 26px !important;
  position: relative !important;
  padding-bottom: 14px !important;
  margin-bottom: 22px !important;
}

.title--has-dash::after,
.s-block__title h2::after,
.block-title::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  right: 0 !important;
  width: 50px !important;
  height: 4px !important;
  background: linear-gradient(90deg, #C8102E, #C9A87C) !important;
  border-radius: 4px !important;
}

.category-title h1,
.page-wrapper h1.title {
  font-size: 28px !important;
  font-weight: 800 !important;
}

/* =========================================================
   5. الشريط العلوي
   ========================================================= */
.top-header {
  background: #6B0817 !important;
  color: #FFFFFF !important;
  padding: 9px 0 !important;
  border: none !important;
}

.top-header .container {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 12px !important;
}

.top-header .d-flex {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.top-header .btn,
.top-header .popup-trigger {
  background: #FAF6F3 !important;
  border: 1px solid #FAF6F3 !important;
  color: #6B0817 !important;
  border-radius: 8px !important;
  padding: 0 14px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  height: 36px !important;
  line-height: 1 !important;
  transition: background 0.2s ease, color 0.2s ease !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}

.top-header .btn:hover,
.top-header .popup-trigger:hover {
  background: #FFFFFF !important;
  color: #6B0817 !important;
  border-color: #FFFFFF !important;
}

.top-header .mx-2,
.top-header .ms-2,
.top-header .mr-3 {
  margin: 0 !important;
}

.top-header .flag,
.top-header .iti__flag {
  display: none !important;
}

.top-header .color-muted {
  display: none !important;
}

/* إزالة أيقونة الإشعارات من الهيدر */
.site-header [class*="notification"],
.site-header .sicon-notification,
.site-header .sicon-bell,
.site-header [class*="bell"],
.header-actions [class*="notification"],
.header-actions [class*="bell"] {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* إزالة أيقونة الكوكب من الهيدر الرئيسي */
.site-header [class*="globe"],
.site-header .sicon-globe,
.site-header [class*="language"],
.site-header [class*="world"],
.header-actions [class*="globe"],
.header-actions [class*="language"] {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* =========================================================
   زر اللغة - أيقونة كوكب SVG
   ========================================================= */
.top-header .dropdonw-menu-wrap .btn--oval,
.top-header .dropdonw-menu-wrap.switcher-toggler .btn--oval,
.top-header .relative .btn--oval {
  font-size: 0 !important;
  padding: 0 !important;
  width: 40px !important;
  min-width: 40px !important;
  height: 36px !important;
  background: #FAF6F3 !important;
  border: 1px solid #FAF6F3 !important;
  border-radius: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #6B0817 !important;
  overflow: hidden !important;
  position: relative !important;
}

.top-header .dropdonw-menu-wrap .btn--oval .btn-value,
.top-header .dropdonw-menu-wrap .btn--oval .sicon-sar,
.top-header .dropdonw-menu-wrap .btn--oval i,
.top-header .dropdonw-menu-wrap .btn--oval span,
.top-header .dropdonw-menu-wrap .btn--oval .flag,
.top-header .dropdonw-menu-wrap .btn--oval .iti__flag {
  display: none !important;
}

.top-header .dropdonw-menu-wrap .btn--oval::before {
  display: none !important;
  content: none !important;
}

.top-header .dropdonw-menu-wrap .btn--oval::after {
  content: '' !important;
  display: inline-block !important;
  width: 18px !important;
  height: 18px !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B0817' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'></circle><line x1='2' y1='12' x2='22' y2='12'></line><path d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'></path></svg>") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-color: transparent !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.top-header .dropdonw-menu-wrap .btn--oval:hover {
  background: #FFFFFF !important;
  border-color: #FFFFFF !important;
}

.top-header .dropdonw-menu-wrap .btn--oval:hover::after {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C8102E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'></circle><line x1='2' y1='12' x2='22' y2='12'></line><path d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'></path></svg>") !important;
}

/* =========================================================
   زر تسجيل الدخول - أيقونة شخص SVG
   ========================================================= */
.top-header .d-flex > .popup-trigger,
.top-header button.popup-trigger.less,
.top-header .popup-trigger.less {
  font-size: 0 !important;
  padding: 0 !important;
  width: 40px !important;
  min-width: 40px !important;
  height: 36px !important;
  background: #FAF6F3 !important;
  border: 1px solid #FAF6F3 !important;
  border-radius: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #6B0817 !important;
  overflow: hidden !important;
  position: relative !important;
}

.top-header .d-flex > .popup-trigger span,
.top-header button.popup-trigger.less span,
.top-header .popup-trigger.less span {
  display: none !important;
}

.top-header .d-flex > .popup-trigger i,
.top-header button.popup-trigger.less i,
.top-header .popup-trigger.less i,
.top-header .d-flex > .popup-trigger .sicon-user {
  display: none !important;
}

.top-header .d-flex > .popup-trigger::before,
.top-header button.popup-trigger.less::before,
.top-header .popup-trigger.less::before {
  content: '' !important;
  display: inline-block !important;
  width: 18px !important;
  height: 18px !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B0817' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'></path><circle cx='12' cy='7' r='4'></circle></svg>") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-color: transparent !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.top-header .d-flex > .popup-trigger::after,
.top-header button.popup-trigger.less::after,
.top-header .popup-trigger.less::after {
  display: none !important;
  content: none !important;
}

.top-header .d-flex > .popup-trigger:hover,
.top-header button.popup-trigger.less:hover,
.top-header .popup-trigger.less:hover {
  background: #FFFFFF !important;
  border-color: #FFFFFF !important;
}

.top-header .d-flex > .popup-trigger:hover::before,
.top-header button.popup-trigger.less:hover::before,
.top-header .popup-trigger.less:hover::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C8102E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'></path><circle cx='12' cy='7' r='4'></circle></svg>") !important;
}

/* =========================================================
   6. الهيدر الرئيسي
   ========================================================= */
#site-header-outer,
.site-header {
  background: #FAF6F3 !important;
  box-shadow: 0 2px 10px rgba(107, 8, 23, 0.06) !important;
  border-bottom: 1px solid #EAD9D5 !important;
  padding: 14px 0 !important;
}

.site-header__wrapper {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
}

.theme-logo img {
  max-height: 56px !important;
  width: auto !important;
  border-radius: 10px !important;
}

.site-header .icon,
.site-header [class*="sicon-"],
.site-header__cart [class*="sicon-"],
.site-header .sicon-search,
.site-header .sicon-shopping-bag,
.site-header .sicon-user,
.site-header .sicon-heart,
.site-header .sicon-ellipsis-vertical {
  color: #6B0817 !important;
  transition: color 0.2s ease !important;
}

.site-header .icon:hover,
.site-header [class*="sicon-"]:hover {
  color: #C8102E !important;
}

.nav-mobile [class*="sicon-"],
.side-panel [class*="sicon-"] {
  color: #6B0817 !important;
}

/* =========================================================
   7. صندوق البحث
   ========================================================= */
.form--search,
#search_form {
  flex: 1 1 auto !important;
  max-width: 520px !important;
  margin: 0 auto !important;
  display: flex !important;
  align-items: center !important;
}

salla-search {
  width: 100% !important;
  display: block !important;
}

salla-search input,
.form--search input {
  width: 100% !important;
  background: #FAF6F3 !important;
  border: 1.5px solid #EAD9D5 !important;
  border-radius: 999px !important;
  padding: 12px 22px !important;
  font-size: 16px !important;
  color: #1A1A1A !important;
  height: 48px !important;
}

salla-search input::placeholder {
  font-size: 15px !important;
  color: #999 !important;
}

salla-search input:focus,
.form--search input:focus {
  border-color: #C8102E !important;
  background: #FAF6F3 !important;
  box-shadow: 0 0 0 3px rgba(200, 16, 46, 0.08) !important;
  outline: none !important;
}

salla-search [class*="unavailable"],
salla-search [class*="popular"],
salla-search [class*="error"],
salla-search [class*="no-data"],
salla-search [class*="no-results"],
salla-search [class*="empty"],
salla-search .van-empty,
salla-search .van-empty__description {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
}

input:focus,
textarea:focus,
select:focus,
.van-field__control:focus,
.van-search__content:focus-within,
.van-cell:focus,
.van-cell:focus-within {
  border-color: #6B0817 !important;
  box-shadow: 0 0 0 3px rgba(107, 8, 23, 0.08) !important;
  outline: none !important;
}

.van-search__content,
.van-field,
.van-field__control,
.van-cell {
  border-color: #EAD9D5 !important;
}

.van-search__content::after,
.van-field::after,
.van-cell::after {
  border-color: #EAD9D5 !important;
}

.van-icon-search,
.van-search__field .van-icon,
.van-field__left-icon .van-icon,
.van-field__clear,
.van-field__right-icon {
  color: #6B0817 !important;
}

::-webkit-scrollbar-thumb {
  background-color: #6B0817 !important;
}

::-webkit-scrollbar-track {
  background-color: #F5E6EA !important;
}

.van-tabs__line {
  background-color: #6B0817 !important;
}

.van-tab--active {
  color: #6B0817 !important;
  border-color: #6B0817 !important;
}

.van-button--primary,
.van-button--info,
.van-button--success {
  background: #6B0817 !important;
  border-color: #6B0817 !important;
}

/* =========================================================
   8. قائمة التنقل
   ========================================================= */
.header-block--nav-wrapper,
.header-block--nav-wrapper.hero {
  background: #FAF6F3 !important;
  padding: 0 !important;
  border-top: 1px solid #EAD9D5 !important;
  border-bottom: 2px solid #6B0817 !important;
}

.nav-desktop ul {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.nav-desktop ul > li > a::after,
.nav-desktop ul > li > a::before,
.nav-desktop .menu-item > a::after,
.nav-desktop .menu-item > a::before {
  display: none !important;
  content: none !important;
}

.nav-desktop > ul > li > a,
.nav-desktop ul > li > a,
.nav-desktop .brands-link,
.nav-desktop .menu-item > a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #6B0817 !important;
  font-weight: 700 !important;
  font-size: 17px !important;
  padding: 18px 22px !important;
  background: transparent !important;
  border-radius: 0 !important;
  transition: color 0.2s ease, background 0.2s ease !important;
  text-decoration: none !important;
  min-height: 58px !important;
  line-height: 1.2 !important;
}

.nav-desktop > ul > li:hover > a,
.nav-desktop > ul > li > a:hover {
  color: #C8102E !important;
  background: #F5E6EA !important;
}

.nav-desktop > ul > li.active > a,
.nav-desktop > ul > li > a.active {
  color: #C8102E !important;
  font-weight: 800 !important;
}

.nav-desktop .sub-menu {
  background: #FAF6F3 !important;
  border: 1px solid #EAD9D5 !important;
  border-radius: 12px !important;
  box-shadow: 0 15px 40px rgba(107, 8, 23, 0.12) !important;
  padding: 8px !important;
  margin-top: 4px !important;
  min-width: 220px !important;
}

.nav-desktop .sub-menu a {
  display: block !important;
  color: #1A1A1A !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  padding: 11px 16px !important;
  border-radius: 8px !important;
  min-height: auto !important;
  transition: all 0.2s ease !important;
}

.nav-desktop .sub-menu a:hover {
  background: #F5E6EA !important;
  color: #C8102E !important;
  font-weight: 600 !important;
  padding-inline-start: 20px !important;
}

/* =========================================================
   9. الأزرار العامة
   ========================================================= */
.btn--primary {
  background: #C8102E !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  padding: 12px 28px !important;
  transition: all 0.3s ease !important;
}

.btn--primary:hover {
  background: #6B0817 !important;
  transform: translateY(-2px) !important;
}

.btn--grey {
  background: #FAF6F3 !important;
  color: #6B0817 !important;
  border: 1px solid #EAD9D5 !important;
  font-weight: 600 !important;
  font-size: 15px !important;
}

.btn--grey:hover {
  background: #F5E6EA !important;
  border-color: #C8102E !important;
  color: #C8102E !important;
}

/* =========================================================
   10. المنتجات (تنسيقات عامة فقط - بدون أي تدخل في زر الإضافة)
   ========================================================= */

/* --- بطاقة المنتج --- */
.product-entry,
.s-product-card,
.product-block,
.s-product,
[class*="product-card"],
[class*="product-entry"] {
  background: #FFFFFF !important;
  border: 1px solid #EAD9D5 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  transition: all 0.35s ease !important;
  box-shadow: 0 2px 6px rgba(107, 8, 23, 0.03) !important;
}

.product-entry:hover,
.s-product-card:hover {
  transform: translateY(-6px) !important;
  border-color: #F4C7D0 !important;
  box-shadow: 0 14px 36px rgba(107, 8, 23, 0.12) !important;
}

/* --- صورة المنتج --- */
.product-entry img,
.s-product-card img {
  transition: transform 0.5s ease !important;
}

.product-entry:hover img {
  transform: scale(1.04) !important;
}

/* --- العناوين --- */
.product-entry .product-title,
.product-entry .product-title h2,
.product-entry .product-title h3,
.s-product-card .product-title,
.s-product-card .product-title h2,
.s-product-card .product-title h3,
.product-entry h2.title,
.product-entry h3.title,
.product-entry .title,
.product-entry .title--small,
.s-product-card .title,
.product-card .product-name,
.product-block .product-title {
  color: #1A1A1A !important;
  font-weight: 400 !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
}

.product-entry:hover .product-title,
.product-entry:hover h2,
.product-entry:hover h3 {
  color: #6B0817 !important;
}

/* --- الأسعار --- */
.product-entry .price,
.product-entry .price span,
.product-entry .price-wrapper,
.product-entry .price-wrapper span,
.product-entry .price-wrapper .price-current,
.s-product-card .price,
.product-price {
  color: #6B0817 !important;
  font-weight: 700 !important;
  font-size: 17px !important;
}

.product-entry del,
.product-entry .old-price,
.product-entry .price-wrapper small {
  color: #999 !important;
  font-weight: 400 !important;
  font-size: 13px !important;
}

/* --- شارة الخصم --- */
.product-badge,
.product-label,
.discount-badge,
.s-product-badge {
  background: #C8102E !important;
  color: #FFFFFF !important;
  border-radius: 999px !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  padding: 4px 10px !important;
}

/* --- أيقونة القلب --- */
.product-entry .product-thumbnail,
.s-product-card .product-thumbnail,
.product-entry .thumb-wrapper {
  position: relative !important;
}

.product-entry .product-thumbnail::after,
.s-product-card .product-thumbnail::after {
  content: '♡' !important;
  position: absolute !important;
  top: 12px !important;
  inset-inline-start: 12px !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: #FAF6F3 !important;
  color: #6B0817 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  box-shadow: 0 2px 8px rgba(107, 8, 23, 0.12) !important;
  z-index: 5 !important;
  cursor: pointer !important;
}

/* =========================================================
   ✅ تغيير لون زر "أضف للسلة" إلى العنابي فقط
   (لا نتدخل في display / visibility / position / size)
   ========================================================= */
salla-add-product-button button,
salla-add-product-button .btn,
.product-entry .btn--add-to-cart,
.product-entry .add-to-cart,
.s-product-card .btn--add-to-cart,
.s-product-card .add-to-cart,
.product-block .btn--add-to-cart,
.s-product .btn--add-to-cart {
  background-color: #6B0817 !important;
  border-color: #6B0817 !important;
  color: #FFFFFF !important;
}

salla-add-product-button button:hover,
salla-add-product-button .btn:hover,
.product-entry .btn--add-to-cart:hover,
.product-entry .add-to-cart:hover,
.s-product-card .btn--add-to-cart:hover,
.s-product-card .add-to-cart:hover {
  background-color: #C8102E !important;
  border-color: #C8102E !important;
  color: #FFFFFF !important;
}

/* أيقونة داخل الزر */
salla-add-product-button button i,
salla-add-product-button button [class*="sicon-"],
.product-entry .btn--add-to-cart i,
.product-entry .add-to-cart i {
  color: #FFFFFF !important;
}

/* =========================================================
   11. الفوتر
   ========================================================= */
footer.footer,
.site-footer {
  background: linear-gradient(180deg, #6B0817 0%, #4A0510 100%) !important;
  color: #FFFFFF !important;
  padding-top: 55px !important;
}

footer.footer,
footer.footer *,
.site-footer,
.site-footer * {
  border-left: none !important;
  border-right: none !important;
  border-inline-start: none !important;
  border-inline-end: none !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-inline-start-color: transparent !important;
  border-inline-end-color: transparent !important;
  outline: none !important;
}

footer.footer li::before,
footer.footer li::after,
footer.footer a::before,
footer.footer a::after,
footer .footer-list li::before,
footer .footer-list li::after,
footer .store-links-items li::before,
footer .store-links-items li::after {
  display: none !important;
  content: none !important;
  background: none !important;
  border: none !important;
}

.footer .title,
.footer .title--primary,
.footer__block .title {
  color: #FFFFFF !important;
  font-weight: 800 !important;
  font-size: 18px !important;
  position: relative !important;
  padding-bottom: 12px !important;
  margin-bottom: 22px !important;
}

.footer .title::after,
.footer .title--primary::after,
.footer__block .title::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  right: 0 !important;
  width: 38px !important;
  height: 3px !important;
  background: #C9A87C !important;
  border-radius: 3px !important;
  display: block !important;
}

.footer-list li a,
.footer a,
.footer-list a,
.store-links-items a,
.more-links a {
  color: #FFFFFF !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  opacity: 1 !important;
  text-decoration: none !important;
  border: none !important;
  display: inline-block !important;
}

.footer-list li a:hover,
.footer a:hover {
  color: #F4C7D0 !important;
}

.footer .store-about p,
.footer p {
  color: rgba(255, 255, 255, 0.92) !important;
  font-size: 15px !important;
  line-height: 1.9 !important;
  font-weight: 400 !important;
}

.store-certificate__text,
.store-certificate__text span,
.store-certificate .number {
  color: #FFFFFF !important;
  font-weight: 500 !important;
  font-size: 14px !important;
}

.footer-list--social-links li a {
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: #FFFFFF !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  font-weight: 400 !important;
}

.footer-list--social-links li a:hover {
  background: #C9A87C !important;
  border-color: #C9A87C !important;
}

.footer-list--social-links li a i {
  color: #FFFFFF !important;
  font-size: 16px !important;
}

.footer .store-contact-info a {
  color: #FFFFFF !important;
  font-weight: 700 !important;
}

.footer .store-contact-info i {
  color: #C9A87C !important;
}

.footer__bottom {
  background: #4A0510 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 20px 0 !important;
}

.footer__bottom p,
.footer__bottom a {
  color: rgba(255, 255, 255, 0.85) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

.footer__bottom a:hover {
  color: #F4C7D0 !important;
}

.footer-list--payment-methods img,
.payment-methods img {
  filter: brightness(0) invert(1) !important;
  opacity: 0.9 !important;
}

/* =========================================================
   12. القائمة الجانبية
   ========================================================= */
.side-panel {
  background: #FAF6F3 !important;
}

.side-panel .store-about p {
  color: #6B0817 !important;
  font-size: 14px !important;
}

/* =========================================================
   13. Nav Mobile
   ========================================================= */
.nav-mobile {
  background: #FAF6F3 !important;
  border-top: 1px solid #EAD9D5 !important;
}

.nav-mobile .main-nav a,
.nav-mobile a {
  color: #6B0817 !important;
  font-weight: 600 !important;
  font-size: 14px !important;
}

.nav-mobile a:hover,
.nav-mobile a:hover i {
  color: #C8102E !important;
}

/* =========================================================
   14. صفحة المنتج + السلة
   ========================================================= */
.product-single,
.product-page {
  background: #FAF6F3 !important;
}

.product-single .product-title,
.product-single h1 {
  color: #6B0817 !important;
  font-size: 26px !important;
  font-weight: 700 !important;
}

.product-single .price,
.product-single .product-price {
  color: #C8102E !important;
  font-size: 26px !important;
  font-weight: 700 !important;
}

.cart-item,
.cart-product {
  background: #FAF6F3 !important;
  border: 1px solid #EAD9D5 !important;
  border-radius: 12px !important;
}

/* =========================================================
   15. النماذج
   ========================================================= */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
textarea,
select {
  border: 1.5px solid #EAD9D5 !important;
  border-radius: 10px !important;
  padding: 12px 16px !important;
  color: #1A1A1A !important;
  background: #FAF6F3 !important;
  font-size: 15px !important;
}

input:focus,
textarea:focus,
select:focus {
  border-color: #C8102E !important;
  background: #FAF6F3 !important;
  box-shadow: 0 0 0 3px rgba(200, 16, 46, 0.08) !important;
  outline: none !important;
}

/* =========================================================
   16. التقييمات
   ========================================================= */
.stars i,
.rating i,
.fa-star {
  color: #C9A87C !important;
  font-size: 14px !important;
}

/* =========================================================
   17. "عرض المزيد" + إلغاء كل الألوان الزرقاء
   ========================================================= */
.btn--more,
.btn--show-more,
.show-more,
.load-more,
.more-btn,
.view-more,
.view-all,
.see-all,
.see-more,
.more-links,
.more-links a,
.more-links a i,
.more-links a span,
.store-links-items + .more-links,
.store-links-items + .more-links a,
.s-block__footer,
.s-block__footer a,
.s-block__link,
.block-footer,
.block-footer a,
.section-footer,
.section-footer a,
.section-more,
.section-more a,
.product-load-more,
.products-load-more,
.load-more-products,
a[href*="more"],
a[href*="all"],
[class*="show-more"],
[class*="load-more"],
[class*="view-all"],
[class*="view-more"],
[class*="see-all"],
[class*="btn-more"],
[class*="btn-all"],
[class*="load-more-product"] {
  color: #6B0817 !important;
  background: transparent !important;
  border-color: #6B0817 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.more-links a:hover,
.load-more:hover,
.btn--more:hover,
.view-all:hover,
.view-more:hover,
.show-more:hover,
.s-block__footer a:hover,
.s-block__link:hover,
.product-load-more:hover,
[class*="show-more"]:hover,
[class*="load-more"]:hover,
[class*="view-all"]:hover,
[class*="view-more"]:hover {
  color: #C8102E !important;
  border-color: #C8102E !important;
}

[style*="#40a2ff"],
[style*="#40A2FF"],
[style*="#1989fa"],
[style*="#1989FA"],
[style*="#007bff"],
[style*="#007BFF"],
[style*="#00aeef"],
[style*="#00AEEF"],
[style*="#61bfe3"],
[style*="#61BFE3"],
[style*="#96c4ff"],
[style*="#96C4FF"],
[style*="rgb(64, 162, 255)"],
[style*="rgb(25, 137, 250)"],
[style*="rgb(0, 174, 239)"] {
  color: #6B0817 !important;
  background-color: transparent !important;
  border-color: #6B0817 !important;
}

.sicon-left,
.sicon-right,
.sicon-keyboard_arrow_down,
.sicon-keyboard_arrow_up,
.sicon-arrow,
[class*="sicon-arrow"] {
  color: #6B0817 !important;
}

a:not(.top-header a):not(.nav-desktop a):not(.footer-list a):not(.footer a):not(.nav-mobile a):not(.category-card),
.link,
.text-link,
[class*="link-"]:not([class*="top-"]):not([class*="nav-"]) {
  color: #6B0817 !important;
}

a:not(.top-header a):not(.nav-desktop a):not(.footer-list a):not(.footer a):not(.nav-mobile a):not(.category-card):hover,
.link:hover,
.text-link:hover {
  color: #C8102E !important;
}

.tabs a,
.tabs button,
.filter-tab,
.sort-tab,
[class*="tab-"]:not([class*="table"]) {
  color: #6B0817 !important;
}

.tabs a.active,
.tabs button.active,
.filter-tab.active,
.sort-tab.active {
  color: #C8102E !important;
  border-color: #C8102E !important;
}

[class*="bg-blue"],
[class*="bg-sky"],
[class*="border-blue"],
[class*="border-sky"],
.bg-brand-blue,
.bg-brand-blue-light,
.bg-light-blue,
.bg-sky-blue {
  background-color: #F5E6EA !important;
  border-color: #EAD9D5 !important;
}

.van-icon,
[class*="van-icon-"] {
  color: #6B0817 !important;
}

.van-icon-star,
.fa-star {
  color: #C9A87C !important;
}

.footer .more-links a,
.footer .more-links a i,
.footer .more-links a span,
.footer .footer-list.more-links a {
  color: #FFFFFF !important;
  font-weight: 700 !important;
}

.footer .more-links a:hover {
  color: #F4C7D0 !important;
}

/* =========================================================
   18. الجوال
   ========================================================= */
@media (max-width: 768px) {
  .nav-desktop {
    display: none !important;
  }

  .theme-logo img {
    max-height: 44px !important;
  }

  .top-header .btn,
  .top-header .popup-trigger {
    padding: 0 12px !important;
    font-size: 13px !important;
    height: 32px !important;
  }

  body { font-size: 15px !important; }

  h1 { font-size: 26px !important; }
  h2 { font-size: 22px !important; }
  h3 { font-size: 18px !important; }

  .product-entry .product-thumbnail::after {
    width: 32px !important;
    height: 32px !important;
    font-size: 17px !important;
  }

  .product-entry .product-title,
  .product-entry h2,
  .product-entry h3,
  .product-card .product-name {
    font-size: 14.5px !important;
  }

  .product-entry .price,
  .product-price,
  .product-entry .price-wrapper span {
    font-size: 16px !important;
  }
}

/* =========================================================
   19. تعديلات إضافية
   ========================================================= */

/* رسالة نجاح إضافة المنتج */
salla-toast,
.s-toast,
.toast,
.toast-message,
.swal2-toast,
[class*="toast"] {
  font-size: 14px !important;
}

salla-toast *,
.s-toast *,
.toast *,
.toast-message *,
.swal2-toast *,
[class*="toast"] * {
  font-size: 14px !important;
}

/* المسافة بين نص البحث وأيقونته */
.salla-search,
salla-search,
.form--search,
#search_form {
  --search-icon-gap: 10px;
}

.van-search__field .van-icon,
.van-field__left-icon,
.van-field__right-icon,
.van-search__field .van-icon-search {
  margin-inline: 10px !important;
}

salla-search input,
.form--search input {
  padding-inline-start: 22px !important;
  padding-inline-end: 60px !important;
}

salla-search .van-field__left-icon,
salla-search .van-field__right-icon,
salla-search .van-search__field .van-icon,
salla-search .van-search__field .van-icon-search,
.form--search .van-field__left-icon,
.form--search .van-field__right-icon,
.form--search .van-icon-search,
.form--search [class*="search"] {
  margin-inline-start: 14px !important;
  margin-inline-end: 14px !important;
}

salla-search .van-field__left-icon,
.form--search .van-field__left-icon {
  margin-inline-end: 16px !important;
}

/* عناوين الفوتر */
.footer .title::before,
.footer .title--primary::before,
.footer__block .title::before,
.footer .title::after,
.footer .title--primary::after,
.footer__block .title::after {
  background: linear-gradient(90deg, #C8102E, #C9A87C) !important;
  border-color: #C9A87C !important;
}

/* زر اللغة - الكوكب فقط */
.top-header .dropdonw-menu-wrap .btn--oval *,
.top-header .dropdonw-menu-wrap.switcher-toggler .btn--oval *,
.top-header .relative .btn--oval *,
.top-header .switcher-toggler .btn--oval * {
  display: none !important;
  visibility: hidden !important;
}

.top-header .dropdonw-menu-wrap .btn--oval::before,
.top-header .dropdonw-menu-wrap.switcher-toggler .btn--oval::before,
.top-header .relative .btn--oval::before,
.top-header .switcher-toggler .btn--oval::before {
  content: none !important;
  display: none !important;
}

.top-header .dropdonw-menu-wrap .btn--oval,
.top-header .dropdonw-menu-wrap.switcher-toggler .btn--oval,
.top-header .relative .btn--oval,
.top-header .switcher-toggler .btn--oval {
  font-size: 0 !important;
  width: 40px !important;
  min-width: 40px !important;
  height: 36px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
}

.top-header .dropdonw-menu-wrap .btn--oval::after,
.top-header .dropdonw-menu-wrap.switcher-toggler .btn--oval::after,
.top-header .relative .btn--oval::after,
.top-header .switcher-toggler .btn--oval::after {
  content: '' !important;
  display: inline-block !important;
  width: 18px !important;
  height: 18px !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B0817' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'></circle><line x1='2' y1='12' x2='22' y2='12'></line><path d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'></path></svg>") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}