/* الشريط العلوي (الهيدر) */
header,
.site-header,
.top-header,
.mobile-header {
  background-color: #081a33 !important;
}

/* خلفية الموقع */
body,
.main-content,
.site-content {
  background-color: #050f1f !important;
}

/* شريط البحث */
.search-bar,
input[type="search"] {
  background-color: #0b1f3a !important;
  color: #ffffff !important;
}

/* كروت المنتجات */
.product-card,
.product-item,
.product-box {
  background-color: #0b1f3a !important;
  border: 1px solid #123a6f !important;
  color: #ffffff !important;
}
/* الأزرار */
button,
.btn,
.add-to-cart-btn {
  background-color: #123a6f !important;
  color: #ffffff !important;
  border-radius: 8px !important;
}

/* الكرت كامل */
.product-card,
.product-item,
.product-box,
.s-product-card,
.s-product-card-entry {
  background: #0b1f3a !important;
  color: #ffffff !important;
}
/* الشريط الأبيض داخل الهيدر (موبايل + ديسكتوب) */
header .container,
header .inner,
header .header-inner,
header .navbar,
header nav,
header [class*="inner"],
header [class*="container"],
header [class*="nav"],
header [class*="row"],
header [class*="wrap"],
.s-header,
.s-header__inner,
.s-header__row,
.s-header__nav,
.mobile-header,
.top-header {
  background-color: #081a33 !important; /* أزرق داكن */
}

/* إذا فيه طبقة بيضاء فوق الأيقونات مباشرة */
header * {
  background-color: transparent;
}
header,
.s-header,
.mobile-header {
  background-color: #081a33 !important;
}
/* خلفية القائمة الجانبية */
.s-menu, 
.s-drawer, 
.sidenav, 
.side-menu, 
.mobile-menu {
  background: #050f1f !important; /* أغمق */
  color: #fff !important;
}

/* عنوان القائمة */
.s-menu__header,
.s-drawer__header,
.side-menu .title {
  background: #081a33 !important; /* أزرق داكن */
  color: #fff !important;
  border-bottom: 1px solid #123a6f !important;
}

/* عناصر القائمة */
.s-menu a,
.s-drawer a,
.sidenav a,
.mobile-menu a {
  color: #ffffff !important;
  background: transparent !important;
}

/* فواصل العناصر */
.s-menu li,
.s-drawer li,
.sidenav li {
  border-bottom: 1px solid rgba(77,163,255,0.15) !important;
}

/* العنصر عند الضغط/المرور */
.s-menu a:active,
.s-menu a:hover,
.s-drawer a:active,
.s-drawer a:hover {
  background: rgba(18,58,111,0.35) !important;
  color: #4da3ff !important;
}

/* سهم الرجوع/الفرعي */
.s-menu .arrow,
.s-drawer .arrow,
.s-menu svg,
.s-drawer svg {
  color: #4da3ff !important;
  fill: #4da3ff !important;
}
/* استهداف عناصر القائمة داخل الدروار (مهما كان داخلها a/div/button) */
.s-drawer li,
.s-menu li,
.side-menu li,
aside[class*="drawer"] li,
nav[class*="menu"] li,
[class*="drawer"] nav li,
[class*="menu"] nav li{
  position: relative !important;
  padding-right: 62px !important; /* مساحة للمربع يمين */
}ا
/* === FIX: ألوان المربعات + الأيقونات داخلها === */
:root{
  --ic-bg:#0b1f3a;      /* خلفية المربع */
  --ic-stroke:#4da3ff;  /* لون الأيقونة/الإطار */
}

/* تثبيت مساحة الأيقونة يمين */
.s-drawer li, .s-menu li, .side-menu li{
  position: relative !important;
  padding-right: 64px !important;
  list-style: none !important;
}
.s-drawer li::marker, .s-menu li::marker, .side-menu li::marker{ color: transparent !important; }

/* المربع + الأيقونة (بالـ background-image) */
.s-drawer li::after, .s-menu li::after, .side-menu li::after{
  content:"" !important;
  position:absolute !important;
  right:14px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:44px !important;
  height:44px !important;
  border-radius:12px !important;
  background: var(--ic-bg) !important;
  border:1px solid rgba(77,163,255,.35) !important;
  box-shadow:0 0 14px rgba(77,163,255,.20) !important;

  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:20px 20px !important;
}

/* 1) شحن CP — برق */
.s-drawer li:nth-child(1)::after,
.s-menu  li:nth-child(1)::after,
.side-menu li:nth-child(1)::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%234da3ff' d='M13 2L3 14h7l-1 8 10-12h-7l1-8z'/%3E%3C/svg%3E") !important;
}

/* 2) نقاط تصنيف الأسلحة — هدف */
.s-drawer li:nth-child(2)::after,
.s-menu  li:nth-child(2)::after,
.side-menu li:nth-child(2)::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%234da3ff' d='M12 4a8 8 0 100 16 8 8 0 000-16zm0 3a5 5 0 110 10 5 5 0 010-10zm0 3a2 2 0 100 4 2 2 0 000-4z'/%3E%3C/svg%3E") !important;
}

/* 3) تصاميم — فرشاة */
.s-drawer li:nth-child(3)::after,
.s-menu  li:nth-child(3)::after,
.side-menu li:nth-child(3)::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%234da3ff' d='M3 21s4 0 6-2 1-6 1-6l9-9 4 4-9 9s-4-1-6 1-2 6-2 6z'/%3E%3Cpath fill='%234da3ff' d='M14 5l4 4'/%3E%3C/svg%3E") !important;
}

/* 4) تخفيضات — تاغ */
.s-drawer li:nth-child(4)::after,
.s-menu  li:nth-child(4)::after,
.side-menu li:nth-child(4)::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%234da3ff' d='M20 12l-8 8L2 10V2h8l10 10z'/%3E%3Cpath fill='%234da3ff' d='M7.5 6a1.5 1.5 0 100 3 1.5 1.5 0 000-3z'/%3E%3C/svg%3E") !important;
}

/* 5) الوان الاسلحه — باليت */
.s-drawer li:nth-child(5)::after,
.s-menu  li:nth-child(5)::after,
.side-menu li:nth-child(5)::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%234da3ff' d='M12 2a10 10 0 000 20c2 0 2-2 2-3s-1-2 1-2h3a4 4 0 000-8h-1A10 10 0 0012 2z'/%3E%3C/svg%3E") !important;
}

/* 6) حسابات كود — مستخدم */
.s-drawer li:nth-child(6)::after,
.s-menu  li:nth-child(6)::after,
.side-menu li:nth-child(6)::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%234da3ff' d='M12 12a4 4 0 10-4-4 4 4 0 004 4zm0 2c-4.4 0-8 2.2-8 5v1h16v-1c0-2.8-3.6-5-8-5z'/%3E%3C/svg%3E") !important;
}

/* 7) رفع النقاط — صاروخ */
.s-drawer li:nth-child(7)::after,
.s-menu  li:nth-child(7)::after,
.side-menu li:nth-child(7)::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%234da3ff' d='M5 19c1.5-4.5 6-9 10.5-10.5L21 3l-1.5 5.5C18 13 13.5 17.5 9 19l-4 2v-2z'/%3E%3C/svg%3E") !important;
}
/* === FORCE ICON BOX COLOR (FINAL) === */
.s-drawer li, .s-menu li, .side-menu li,
.s-drawer a,  .s-menu a,  .side-menu a{
  position: relative !important;
}

/* لو كان الثيم يحط الأيقونة على a بدل li */
.s-drawer li::after, .s-menu li::after, .side-menu li::after,
.s-drawer a::after,  .s-menu a::after,  .side-menu a::after{
  content:"" !important;
  position:absolute !important;
  right:14px !important;
  top:50% !important;
  transform:translateY(-50%) !important;

  width:44px !important;
  height:44px !important;
  border-radius:12px !important;

  background-color:#0b1f3a !important;   /* ✅ لون ثابت */
  border:1px solid rgba(77,163,255,.35) !important;
  box-shadow:0 0 14px rgba(77,163,255,.20) !important;

  opacity:1 !important;                 /* ✅ يلغي أي شفافية */
  visibility:visible !important;
  display:block !important;

  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:20px 20px !important;
}

/* منع أي كود قديم يخليها شفافة */
.s-drawer li::after, .s-menu li::after, .side-menu li::after,
.s-drawer a::after,  .s-menu a::after,  .side-menu a::after{
  background: #0b1f3a !important;
}
/* صندوق الأيقونة */
.menu-ic{
  width:44px;
  height:44px;
  border-radius:12px;
  background:#0b1f3a;
  border:1px solid rgba(77,163,255,.35);
  box-shadow:0 0 14px rgba(77,163,255,.20);
  display:flex;
  align-items:center;
  justify-content:center;
  margin-right:12px; /* لأنه RTL */
  flex:0 0 44px;
}

.menu-ic svg{ width:20px; height:20px; fill:#4da3ff; }

.s-drawer a, .s-menu a, .side-menu a{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
}
/* إصلاح قص الأيقونة ومكانها */
.menu-ic{
  overflow: visible !important;      /* لا تقص الأيقونة */
  margin-right: 0 !important;
  margin-left: 12px !important;      /* خليها يسار النص في RTL */
}

/* خلّي الرابط يصير مرتب: نص + أيقونة */
.s-drawer a, .s-menu a, .side-menu a{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;  /* مهم */
}

/* خلّي النص ياخذ المساحة، والأيقونة ثابتة */
.s-drawer a > :not(.menu-ic),
.s-menu a > :not(.menu-ic),
.side-menu a > :not(.menu-ic){
  flex: 1 1 auto !important;
}

/* ضبط حجم الأيقونة */
.menu-ic svg{
  width:22px !important;
  height:22px !important;
  display:block !important;
  fill:#4da3ff !important;
}
.menu-ic{ margin-left:0 !important; margin-right:12px !important; }
/* ===== إجبار لون عناوين جميع المنتجات ===== */



/* ===== FIX: لون النص داخل صفحة المنتج (الوصف/المواصفات/التفاصيل) ===== */
:root{
  --txt-main:#eaf6ff;     /* أبيض يميل للسماوي */
  --txt-soft:#bfe6ff;     /* نص ثانوي */
  --txt-link:#4da3ff;     /* روابط */
}
/* الحاوية العامة لصفحة المنتج */
.product-details,
.s-product-details,
.s-product-details__content,
.s-product-details__desc,
.s-product-details__description,
.product-description,
.product-content,
.s-rich-text,
.s-article,
.s-content,
.s-editor,
.s-editor-content{
  color: var(--txt-main) !important;
}

/* أي نصوص داخل الوصف (حتى لو جواتها span / p / strong ...) */
.product-details *,
.s-product-details *,
.s-product-details__desc *,
.product-description *,
.product-content *,
.s-rich-text *,
.s-editor *,
.s-editor-content *{
  color: var(--txt-main) !important;
}

/* نصوص ثانوية لو ظهرت (ملاحظات/ميتا/معلومات صغيرة) */
small, .muted, .text-muted, .hint, .help, .note,
.s-product-details__subtitle,
.s-product-details__meta,
.s-product-details__summary{
  color: var(--txt-soft) !important;
}

/* الروابط داخل الوصف */
.product-details a,
.s-product-details a,
.product-description a,
.s-rich-text a{
  color: var(--txt-link) !important;
  text-decoration: none !important;
}

/* لو فيه خلفية فاتحة داخل منطقة الوصف بالغلط */
.product-details .panel,
.s-product-details .panel,
.product-details .card,
.s-product-details .card{
  background: #0b1f3a !important;
  border-color: rgba(77,163,255,.25) !important;
}
/* ===== FINAL TEXT FIX (PUT AT THE VERY END) ===== */
:root{
  --txt:#eaf6ff;      /* أبيض يميل للسماوي */
  --sub:#bfe6ff;      /* نص ثانوي */
  --link:#4da3ff;     /* أزرق فاتح */
}

/* أسماء المنتجات في الشبكة */
.product-card h3,
.product-card h4,
.product-item h3,
.product-item h4,
.s-product-card h3,
.s-product-card h4,
.product-card a,
.product-item a,
.s-product-card a{
  color: var(--txt) !important;
  text-shadow: 0 0 6px rgba(90,170,255,.35);
}

/* الأسعار */
.price,
.product-price,
.s-product-card-price{
  color: var(--link) !important;
}

/* وصف المنتج (صفحة المنتج) */
.product-details,
.product-details *,
.s-product-details,
.s-product-details *,
.product-description,
.product-description *,
.s-rich-text,
.s-rich-text *{
  color: var(--txt) !important;
}

/* عناوين داخل صفحة المنتج */
.product-details h1,
.product-details h2,
.product-details h3{
  color: var(--txt) !important;
}

/* نصوص الحقول داخل صفحة المنتج */
input, textarea, select,
input::placeholder, textarea::placeholder{
  color: var(--txt) !important;
}

/* ملاحظات/نصوص ثانوية */
small, .muted, .text-muted, .hint, .help, .note{
  color: var(--sub) !important;
}

/* روابط */
a{
  color: var(--link) !important;
}
/* ===== FORCE PRODUCT DESCRIPTION TEXT COLOR (INLINE OVERRIDE) ===== */
:root{
  --txt:#eaf6ff;  /* أبيض مائل للسماوي */
}

/* استهداف وصف المنتج في سلة */
.s-product-details__desc,
.s-product-details__description,
.s-product-details__content,
.product-details,
.product-description,
.s-rich-text,
.s-editor-content{
  color: var(--txt) !important;
  opacity: 1 !important;
  filter: none !important;
}

/* أهم سطر: يكسر أي لون مكتوب داخل النص نفسه (inline style) */
.s-product-details__desc [style*="color"],
.s-product-details__description [style*="color"],
.product-details [style*="color"],
.product-description [style*="color"],
.s-rich-text [style*="color"],
.s-editor-content [style*="color"]{
  color: var(--txt) !important;
}

/* كمان لو النص داخل p / span / li ... */
.s-product-details__desc p,
.s-product-details__desc span,
.s-product-details__desc li,
.s-product-details__desc strong,
.s-product-details__desc em,
.s-product-details__desc div,
.product-details p,
.product-details span,
.product-details li{
  color: var(--txt) !important;
}
.entry-content,
.product-content,
.description {
    color: #ffffff !important;
}
.dropdown-menu,
.collapse,
.collapsing {
    background-color: #0A1F3D !important;
    color: #FFFFFF !important;
}
.dropdown-menu a,
.collapse a {
    color: #FFFFFF !important;
}