/* ===== 1. رفع الفيديو خلف الهيدر ===== */
.s-block-html,
.html-block,
[class*="html"] {
  margin-top: -90px !important;
}
/* ===== 2. خلفية المتجر الغامقة ===== */
body,
.s-body,
.main-wrapper,
.page-wrapper,
.store-body {
  background-color: #3a251a !important;
}
/* ===== 3. صناديق المميزات ===== */
.s-features-item,
[class*="feature"],
[class*="testimonial"],
[class*="review"] {
  background-color: #1e120d !important;
}
.s-features-item *,
[class*="feature"] *,
[class*="testimonial"] *,
[class*="review"] * {
  color: #ffffff !important;
}
/* ===== 4. الفوتر ===== */
footer,
.s-footer,
.footer,
[class*="footer"] {
  background-color: #3a251a !important;
}
footer *,
.s-footer *,
.footer *,
[class*="footer"] * {
  color: #ffffff !important;
}
/* ===== 5. الشعار المخصص (يستهدف رابط الشعار = الصفحة الرئيسية فقط) ===== */
/* أخفي صورة الشعار الأصلية فقط — رابط الحساب لا يتأثر فتظهر أيقونته */
#mainnav a[href="/"]:has(img) img,
#mainnav a[href="https://arvinosa.com"]:has(img) img,
#mainnav a[href="https://arvinosa.com/"]:has(img) img,
#mainnav a[href$="arvinosa.com/ar"]:has(img) img {
  visibility: hidden !important;
}
/* موضّع رابط الشعار في المنتصف */
#mainnav a[href="/"]:has(img),
#mainnav a[href="https://arvinosa.com"]:has(img),
#mainnav a[href="https://arvinosa.com/"]:has(img),
#mainnav a[href$="arvinosa.com/ar"]:has(img) {
  position: absolute !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  z-index: 10000 !important;
  display: block !important;
}
/* الشعار المخصص */
#mainnav a[href="/"]:has(img)::after,
#mainnav a[href="https://arvinosa.com"]:has(img)::after,
#mainnav a[href="https://arvinosa.com/"]:has(img)::after,
#mainnav a[href$="arvinosa.com/ar"]:has(img)::after {
  content: "" !important;
  display: block !important;
  width: 200px !important;
  height: 90px !important;
  background-image: url("https://cdn.phototourl.com/free/2026-08-18-6e145e57-d63d-4a6a-a83f-440d9f68b418.png") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  visibility: visible !important;
}
/* ===== 5ب. أيقونة الحساب: استبدال صورة الأفتار بأيقونة شخص (والرابط يبقى شغّال) ===== */
/* الحاوية = العنصر اللي صورته مباشرة، وليس رابط الشعار (الرئيسية) */
#mainnav *:has(> img):not([href="/"]):not([href*="arvinosa.com"]) {
  position: relative !important;
}
#mainnav *:has(> img):not([href="/"]):not([href*="arvinosa.com"]) > img {
  opacity: 0 !important;
}
#mainnav *:has(> img):not([href="/"]):not([href*="arvinosa.com"])::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 26px !important;
  height: 26px !important;
  pointer-events: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4 4-6 8-6s8 2 8 6'/%3E%3C/svg%3E") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  visibility: visible !important;
}

/* ===== 6. الهيدر شفاف ===== */
.s-header,
.s-header *,
.header-inner,
.header-top,
.header-bottom,
.header-search,
.search-bar,
.s-header-search,
[class*="header"],
[class*="header"] > div,
[class*="Header"] > div {
  background-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}
.s-header a,
.s-header i,
.s-header svg,
[class*="header"] a,
[class*="header"] i {
  color: #ffffff !important;
}
.s-header input,
[class*="header"] input {
  background: rgba(255,255,255,0.15) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.4) !important;
}
/* ===== 7. أيقونات الهيدر ===== */
#mainnav a,
#mainnav button,
#mainnav .btn,
#mainnav [class*="rounded"],
#mainnav [class*="circle"] {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#mainnav svg,
#mainnav i {
  color: #ffffff !important;
  fill: #ffffff !important;
  width: 24px !important;
  height: 24px !important;
  opacity: 0.9 !important;
  transition: opacity 0.2s ease !important;
}
#mainnav a:hover svg,
#mainnav a:hover i,
#mainnav button:hover svg,
#mainnav button:hover i {
  opacity: 1 !important;
  transform: scale(1.1) !important;
}
/* ===== 8. بطاقات المنتجات: بني + كتابة بيضاء + تكبير ===== */
.s-product-card,
.product-entry,
[class*="product-card"],
[class*="product-entry"],
[class*="product-item"] {
  background-color: #1e120d !important;
  border-color: rgba(255,255,255,0.12) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
.s-product-card *,
.product-entry *,
[class*="product-card"] *,
[class*="product-entry"] *,
[class*="product-item"] * {
  color: #ffffff !important;
}
.s-product-card:hover,
[class*="product-card"]:hover,
[class*="product-item"]:hover {
  transform: scale(1.05) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.4) !important;
  z-index: 10 !important;
}
/* ===== 9. صف أيقونات الهيدر أفقياً ===== */
.s-header .header-elements,
.s-header .header-actions,
[class*="header"] [class*="actions"],
#mainnav .pull-left,
#mainnav .pull-right {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 15px !important;
}
.s-header [class*="actions"] a,
.s-header [class*="actions"] button,
#mainnav .pull-left a,
#mainnav .pull-right a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
}
/* ===== 10. إصلاح حواف الفيديو (عرض كامل) ===== */
section.s-block--bundle-html-content {
  padding: 0 !important;
  background: transparent !important;
}
/* ===== 11. القائمة الجانبية شفافة + كتابتها بيضاء ===== */
.mobile-menu,
.s-mobile-menu,
[class*="mobile-menu"],
[class*="side-menu"],
[class*="drawer"],
[class*="offcanvas"] {
  background-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
.mobile-menu a,
.s-mobile-menu a,
[class*="mobile-menu"] a,
[class*="side-menu"] a,
[class*="drawer"] a,
[class*="offcanvas"] a {
  color: #ffffff !important;
  text-shadow: 0 1px 6px rgba(0,0,0,0.9) !important;
  font-weight: 600 !important;
}
/* ===== 12. عناصر السلة بالهيدر (السعر والعداد) شفافة ===== */
.s-cart-summary-wrapper,
.s-cart-summary-content,
.s-cart-summary-total,
.s-cart-summary-count,
salla-cart-summary,
salla-cart-summary * {
  background-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}
.s-cart-summary-total,
.s-cart-summary-count,
.s-cart-summary-wrapper i {
  color: #ffffff !important;
}
/* ===== 13. صفحة السلة: بوكس المنتج بني وكتابته بيضاء ===== */
.cart-item {
  background-color: #1e120d !important;
  border-color: rgba(255,255,255,0.15) !important;
}
.cart-item * {
  color: #ffffff !important;
}
/* ===== 14. بوكس ملخص الطلب (كل أجزائه) بني وكتابته بيضاء ===== */
.s-cart-summary-card,
.s-cart-summary-card-sheet,
.s-cart-summary-card-sheet-wrap,
.s-cart-summary-card-sheet-wrap > div,
.s-cart-summary-card-bar,
main#main-content .sticky .bg-white,
main#main-content .sticky [class*="shadow"] {
  background-color: #1e120d !important;
  border-color: rgba(255,255,255,0.15) !important;
}
.s-cart-summary-card *,
main#main-content .sticky .bg-white * {
  color: #ffffff !important;
}
.s-cart-summary-card-action a,
.s-cart-summary-card-action button {
  color: #ffffff !important;
}
/* ===== 15. صفحة المنتج: وضوح النصوص على الخلفية البنية ===== */
.s-product-card-content,
.product-single,
[class*="product-detail"],
[class*="product-single"],
[class*="product-content"],
main .product,
main [class*="product"] {
  color: #ffffff !important;
}
.s-product-card-content *,
.product-single *,
[class*="product-detail"] *,
[class*="product-single"] *,
[class*="product-content"] *,
main .product *,
main [class*="product"] * {
  color: #ffffff !important;
}
.product-price,
.s-product-price,
[class*="product-price"],
.product-description,
.s-product-description,
[class*="description"],
[class*="product"] p,
[class*="product"] span,
[class*="product"] li,
[class*="product"] h1,
[class*="product"] h2,
[class*="product"] h3 {
  color: #ffffff !important;
}
/* ===== 16. إصلاح تعطل السكرول العمودي بالجوال ===== */
html, body {
  touch-action: pan-y !important;
}
[class*="slider"],
[class*="carousel"],
[class*="swiper"],
.s-slider,
.s-carousel {
  touch-action: pan-y !important;
}
/* ===== 17. السلة المنبثقة (Toast) بني وكتابته بيضاء ===== */
.s-add-product-toast {
  background-color: #1e120d !important;
  border-color: rgba(255,255,255,0.15) !important;
}
.s-add-product-toast * {
  color: #ffffff !important;
}

/* ============================================================
   ===== 18. الألوان النهائية: تحويل الأبيض إلى بيج #EAD9BF =====
   هذا المقطع يلغي ويستبدل كل بلوكات البيج القديمة.
   يجب أن يبقى في آخر الكود دائمًا.
   ============================================================ */

/* 18.1 — كل خلفية بيضاء تتحول إلى بيج (البوكسات، السلة، النوافذ، الدفع) */
.bg-white,
[class*="bg-white"],
.bg-gray-50,
.bg-gray-100,
.s-block,
.card,
.s-cart-item,
salla-cart-item,
.cart-item,
.modal-content,
.s-modal,
.s-dialog,
.s-add-product-toast,
[class*="checkout"] .bg-white,
[class*="payment"] .bg-white,
[class*="modal"] .bg-white {
  background-color: #EAD9BF !important;
}

/* 18.2 — صندوق ملخص الطلب في السلة والدفع → بيج
   (يتغلّب على القاعدة البنية عالية الأولوية في المقطع 14) */
main#main-content .sticky .bg-white,
main#main-content .sticky [class*="shadow"],
.s-cart-summary-card,
.s-cart-summary-card-sheet,
.s-cart-summary-card-sheet-wrap,
.s-cart-summary-card-sheet-wrap > div,
.s-cart-summary-card-bar {
  background-color: #EAD9BF !important;
  border-color: rgba(58,37,26,0.15) !important;
}

/* 18.3 — النص داخل الصناديق البيج يصبح بنيًّا غامقًا واضحًا */
.bg-white, .bg-white *,
.s-cart-item, .s-cart-item *,
.cart-item, .cart-item *,
.s-cart-summary-card, .s-cart-summary-card *,
main#main-content .sticky .bg-white,
main#main-content .sticky .bg-white *,
.s-add-product-toast, .s-add-product-toast *,
.modal-content, .modal-content *,
.s-modal, .s-modal * {
  color: #3A251A !important;
}

/* 18.4 — استثناء: الأزرار الملوّنة (إضافة للسلة، آبل باي، الأزرار الأساسية)
   تبقى كتابتها بيضاء */
.s-button-element, .s-button-element *,
[class*="add-to-cart"], [class*="add-to-cart"] *,
[class*="add-product"], [class*="add-product"] *,
button[class*="primary"], button[class*="primary"] *,
button[type="submit"], button[type="submit"] *,
[class*="apple-pay"], [class*="apple-pay"] * {
  color: #ffffff !important;
}

/* 18.5 — خانة رقم الكمية → بيج (تتغلّب على الأبيض القديم) */
input.s-quantity-input-input,
.s-quantity-input-input,
.s-quantity-input input,
salla-quantity-input input,
.quantity input {
  background-color: #EAD9BF !important;
  color: #3A251A !important;
}

/* 18.6 — أزرار الزائد + والناقص − → بني */
.s-quantity-input-button,
.s-quantity-input button,
salla-quantity-input button,
.quantity button {
  background-color: #3A251A !important;
  color: #F0E4CF !important;
  border-color: #3A251A !important;
}

/* 18.7 — الهيدر: خلفية الأيقونات شفافة + الأيقونة نفسها تظهر واضحة
   (شفافية الخلفية + إظهار الأيقونة معًا = أيقونة نظيفة بدون بوكس) */
#mainnav *:not(input):not([class*="search"]),
.store-header *:not(input):not([class*="search"]),
.s-header *:not(input):not([class*="search"]) {
  background-color: transparent !important;
  box-shadow: none !important;
  border-color: transparent !important;
}
/* إبقاء أيقونات الهيدر ظاهرة وواضحة (بما فيها أيقونة الحساب) */
#mainnav svg, #mainnav i, #mainnav use,
.store-header svg, .store-header i, .store-header use,
.s-header svg, .s-header i {

  visibility: visible !important;
  opacity: 1 !important;
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* 18.8 — منيو الحساب / القوائم المنبثقة → بيج + نص بني واضح */
.s-menu,
.s-menu-content,
.s-menu-list,
.s-menu-body,
.s-dropdown-menu,
.dropdown-menu,
[class*="user-menu"],
[class*="account-menu"],
[class*="profile-menu"],
[class*="menu-sheet"],
[class*="bottom-sheet"],
.s-navbar-menu,
.s-navbar-menu-content,
salla-menu,
salla-account-menu {
  background-color: #EAD9BF !important;
}
.s-menu *,
.s-menu-list *,
[class*="user-menu"] *,
[class*="account-menu"] *,
salla-menu * {
  color: #3A251A !important;
}
/* ===== بداية: كود هوية اليوم الوطني — أرفينو (يُحذف بعد ٢٤ سبتمبر) ===== */
/* كل الخلفيات والأقسام بترولي (شلنا البيج) */
body#app, #main-content, body .s-block, body section.s-block,
body [class*="s-block-html-content"], body salla-html-content,
footer.store-footer, .store-footer, .store-footer__inner { background-color:#002628 !important; }
/* الأزرار والروابط = رملي/تان */
:root, body#app { --color-primary:#88643f !important; --color-primary-rgb:136,100,63 !important; }
/* البوكسات + بطاقات المنتجات = سيج */
body .s-block--features__item, body .feature-icon,
body .s-reviews-container, body .s-reviews-swiper-slide, body .testimonials-slider,
body .s-reviews-testimonial, body .s-reviews-testimonial__inner,
body .s-reviews-testimonial__avatar, body .s-reviews-testimonial__text,
body .s-reviews-testimonial__info, body .s-reviews-testimonial__name_wrapper,
body .s-reviews-testimonial__rating, body .s-reviews-testimonial__icon,
body salla-products-slider custom-salla-product-card,
body salla-products-slider .s-product-card-entry,
body salla-products-slider .s-product-card-vertical,
body salla-products-slider [class*="product-card-content"] { background-color:#617d51 !important; }
/* إزالة بوكس السعر الغامق (يصير شفاف بنص أبيض) */
body salla-products-slider .s-product-card-price,
body salla-products-slider [class*="price"],
body salla-products-slider mark { background-color:transparent !important; color:#ffffff !important; }
/* كل النصوص بيضاء (على البترولي والسيج) */
body#app main :is(h1,h2,h3,h4,h5,h6,p,span,li,a,strong,b),
body#app salla-products-slider :is(h1,h2,h3,h4,h5,h6,p,span,li,a,strong,b,div) { color:#ffffff !important; }
/* لمسة ذهبية على نص الفوتر */
body#app footer.store-footer :is(h1,h2,h3,h4,h5,h6,p,span,li,a) { color:#C9A24E !important; }
/* ===== نهاية: كود هوية اليوم الوطني ===== */