/* Add custom CSS styles below */ 
/* ============ Brand Colors (عدّليها) ============ */
:root{
  --brand: #fbb216;        /* أصفر */
  --brand-2: #000000;      /* أسود */
  --accent: #F59E0B;
  --bg: #70948c;           /* ✅ تصحيح */
  --text: #111827;         /* ✅ إضافة */
}

body{
  color: var(--text) !important;
}


/* عناوين الأقسام */
.section-title, .s-block-title, h1, h2, h3{
  color: var(--brand-2) !important;
}

/* الروابط */

a:hover{
  color: var(--brand-2) !important;

}
button:hover, .btn:hover, .s-button:hover, .btn-primary:hover,
.add-to-cart:hover, .s-add-to-cart-button:hover{
  background: var(--brand-2) !important;
  border-color: var(--brand-2) !important;
}

/* بادجات/تنبيهات/عناصر مميزة */
.badge, .tag, .label, .discount, .sale-badge{
  background: var(--accent) !important;
  color: #111827 !important;
}

/* إخفاء شريط/معلومات أعلى الهيدر (غالباً يحتوي رقم/إيميل) */
.topbar,
.top-bar,
.header-top,
.header__top,
.s-header__top,
.s-header-top,
.announcement-bar,
.s-announcement-bar,
.contact-bar,
.header-contact,
.header-contacts{
  display: none !important;
}

/* إخفاء عناصر الهاتف/الإيميل لو ظهرت داخل الهيدر */
a[href^="tel:"],
a[href^="mailto:"]{
  display: none !important;
}

/* إخفاء روابط السياسات الشائعة (شروط/خصوصية/استرجاع/شحن) إذا كانت في الهيدر */
.s-header a[href*="privacy"],
.s-header a[href*="terms"],
.s-header a[href*="policy"],
.s-header a[href*="return"],
.s-header a[href*="refund"],
.s-header a[href*="shipping"],
.s-header a[href*="exchange"],
header a[href*="privacy"],
header a[href*="terms"],
header a[href*="policy"],
header a[href*="return"],
header a[href*="refund"],
header a[href*="shipping"],
header a[href*="exchange"]{
  display: none !important;
}

/* 1) حذف الشريط النصّي بالكامل (Announcement/Top bar) */
.s-announcement-bar,
.announcement-bar,
.topbar,
.top-bar,
.header-top,
.header__top,
.s-header__top,
.s-header-top,
.notice-bar,
.promo-bar{
  display: none !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* 2) حذف روابط السياسات من داخل الهيدر فقط */
header a[href*="/policies/"],
header a[href*="/policy"],
header a[href*="/privacy"],
header a[href*="/terms"],
header a[href*="/return"],
header a[href*="/refund"],
header a[href*="/exchange"],
header a[href*="/usage"],
header a[href*="/pages/privacy"],
header a[href*="/pages/terms"],
header a[href*="/pages/return"],
header a[href*="/pages/refund"],
header a[href*="/pages/exchange"],
header a[href*="/pages/usage"],
.s-header a[href*="/policies/"],
.s-header a[href*="/policy"],
.s-header a[href*="/privacy"],
.s-header a[href*="/terms"],
.s-header a[href*="/return"],
.s-header a[href*="/refund"],
.s-header a[href*="/exchange"],
.s-header a[href*="/usage"],
.s-header a[href*="/pages/privacy"],
.s-header a[href*="/pages/terms"],
.s-header a[href*="/pages/return"],
.s-header a[href*="/pages/refund"],
.s-header a[href*="/pages/exchange"],
.s-header a[href*="/pages/usage"]{
  display: none !important;
}

/* 3) لو كانت الروابط داخل قائمة/منيو في الهيدر (احتياط) */
header nav a[href*="/policies/"],
header nav a[href*="/privacy"],
header nav a[href*="/terms"],
header nav a[href*="/return"],
header nav a[href*="/refund"],
header nav a[href*="/exchange"],
.s-header nav a[href*="/policies/"],
.s-header nav a[href*="/privacy"],
.s-header nav a[href*="/terms"],
.s-header nav a[href*="/return"],
.s-header nav a[href*="/refund"],
.s-header nav a[href*="/exchange"]{
  display: none !important;
}
/* Footer: كل النصوص باللون الأبيض */
footer,
footer * ,
.s-footer,
.s-footer *{
  color: #ffffff !important;
}

/* الروابط داخل الفوتر (مع hover) */
footer a,
.s-footer a{
  color: #ffffff !important;
}
footer a:hover,
.s-footer a:hover{
  color: #ffffff !important;
  opacity: .85;
}

/* أيقونات السوشال/الـ SVG داخل الفوتر */
footer svg,
.s-footer svg{
  fill: #ffffff !important;
  color: #ffffff !important;
}
/* توسيط اللوجو داخل الهيدر */
.s-header .logo,
.s-header .site-logo,
header .logo,
header .site-logo{
  margin: 0 auto !important;
  display: block !important;
  text-align: center !important;
}

/* جعل منطقة اللوجو نفسها تتوسط */
.s-header .logo a,
.s-header .site-logo a,
header .logo a,
header .site-logo a{
  display: inline-block !important;
}

/* محاولة توسيط صف الهيدر بالكامل لو كان Flex */
.s-header, header{
  justify-content: center !important;
}

/* توسيط اللوجو في منتصف الشاشة */
.s-header .logo,
.s-header .site-logo,
header .logo,
header .site-logo{
  position: fixed !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 9999 !important;
}

/* اجعل حاوية الهيدر مرجع للتموضع */
.s-header, header{
  position: relative !important;
}

/* توسيط اللوجو داخل الهيدر (أفقيًا) */
.s-header .logo,
.s-header .site-logo,
.s-header__logo,
header .logo,
header .site-logo{
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 5 !important;
  margin: 0 !important;
}

/* تأكد أن رابط/صورة اللوجو لا تتمدد */
.s-header .logo a,
.s-header .site-logo a,
.s-header__logo a,
header .logo a,
header .site-logo a{
  display: inline-flex !important;
  align-items: center !important;
}
/* اسم المنتج: أسود + بولد */
.product-card__title,
.product-card__title a,
.product-title,
.product-title a,
.product-name,
.product-name a,
h1.product__title,
h1.product__title *{
  color: #000 !important;
  font-weight: 700 !important;
}
/* احتياط: أسماء المنتجات داخل أي كرت منتج */
.product a[href*="/products/"]{
  color: #000 !important;
  font-weight: 700 !important;
}
/* عنوان المنتج الرئيسي داخل صفحة المنتج */
.product__title,
.product-title,
h1.product__title,
h1.product-title,
.product-details h1,
.s-product-title,
.s-product__title{
  color: #000000 !important;
  font-weight: 800 !important;
}

/* لو العنوان داخل رابط/سبان */
.product__title * ,
.product-title * ,
h1.product__title * ,
h1.product-title * ,
.s-product-title * ,
.s-product__title *{
  color: #000000 !important;
  font-weight: 800 !important;
}
/* إخفاء قسم FAQ بالكامل افتراضيًا */
.s-faq,
.faq,
#faq,
[data-section="faq"],
section:has([class*="faq"], [id*="faq"]) {
  display: none !important;
}

/* لما يتفعل (بالكلاس) يظهر */
.faq-revealed .s-faq,
.faq-revealed .faq,
.faq-revealed #faq,
.faq-revealed [data-section="faq"],
.faq-revealed section:has([class*="faq"], [id*="faq"]) {
  display: block !important;
}

/* إخفاء قسم FAQ بالكامل افتراضيًا */
.s-faq,
.faq,
#faq,
[data-section="faq"],
section:has([class*="faq"], [id*="faq"]) {
  display: none !important;
}

/* لما يتفعل (بالكلاس) يظهر */
.faq-revealed .s-faq,
.faq-revealed .faq,
.faq-revealed #faq,
.faq-revealed [data-section="faq"],
.faq-revealed section:has([class*="faq"], [id*="faq"]) {
  display: block !important;
}
/* تسالي: إلغاء الخلفية/الـ overlay البني عند hover/ضغط وجعلها بيضاء */
.product-card:hover,
.product-card:active,
.product-card:focus-within,
.s-product-card:hover,
.s-product-card:active,
.s-product-card:focus-within{
  background: #fff !important;
}

/* الطبقة البنية داخل كرت المنتج (overlay / content / footer) */
.product-card:hover .product-card__overlay,
.product-card:active .product-card__overlay,
.product-card:focus-within .product-card__overlay,
.product-card:hover .product-card__content,
.product-card:active .product-card__content,
.product-card:focus-within .product-card__content,
.product-card:hover .product-card__footer,
.product-card:active .product-card__footer,
.product-card:focus-within .product-card__footer,
.s-product-card:hover .product-card__overlay,
.s-product-card:active .product-card__overlay,
.s-product-card:focus-within .product-card__overlay,
.s-product-card:hover .product-card__content,
.s-product-card:active .product-card__content,
.s-product-card:focus-within .product-card__content,
.s-product-card:hover .product-card__footer,
.s-product-card:active .product-card__footer,
.s-product-card:focus-within .product-card__footer{
  background: #fff !important;
}

/* أحيانًا اللون البني يكون pseudo-element */
.product-card:hover::before,
.product-card:hover::after,
.s-product-card:hover::before,
.s-product-card:hover::after{
  background: transparent !important;
  opacity: 0 !important;
}
/* ضمان وضوح النص بعد جعل الخلفية بيضاء */
.product-card:hover .product-card__title,
.product-card:hover .product-card__price,
.s-product-card:hover .product-card__title,
.s-product-card:hover .product-card__price{
  color: #000 !important;
}