/* ================== ألوان عامة ================== */
:root{
  --brand-yellow: #FFDB15;
  --brand-yellow-dark: #E5C410;
  --on-yellow: #111;
}

/* ================== الهيدر (عام لكل المقاسات) ================== */
/* الغلاف + الشريط المثبّت */
.site-header,
.header,
.main-header,
.header-sticky,
.header--sticky,
.top-header,
.navbar {
  background: var(--brand-yellow) !important;
  background-image: none !important;
  color: var(--on-yellow) !important;
}

/* الروابط والأيقونات داخل الهيدر */
.site-header a,
.header a,
.navbar a { color: var(--on-yellow) !important; }
.site-header a:hover,
.header a:hover,
.navbar a:hover { color: #000 !important; opacity: .9; }
.site-header svg,
.header svg,
.navbar svg { color: var(--on-yellow) !important; fill: currentColor !important; stroke: currentColor !important; }

/* حقل البحث يبقى أبيض لقراءة أوضح */
header.store-header input[type="search"],
header.store-header .search-form input,
.search input {
  background: #fff !important; color: var(--on-yellow) !important;
  border-color: rgba(0,0,0,.15) !important;
}

/* ================== تصحيح #mainnav وطبقاتها (يكسر bg-white/bg-inherit) ================== */
#mainnav,
#mainnav .inner,
#mainnav .inner > .container,
#mainnav .inner .flex,
#mainnav .inner .flex.items-stretch,
#mainnav .inner .flex.items-stretch.justify-between.relative,
header.store-header .bg-white,
header.store-header .bg-inherit,
header.store-header [class*="bg-"] {
  background: var(--brand-yellow) !important;
  background-image: none !important;
  color: var(--on-yellow) !important;
}

/* حالة التثبيت */
.is-sticky #mainnav,
.is-sticky header.store-header { background: var(--brand-yellow) !important; }

/* ظل خفيف أسفل الهيدر */
.site-header, .header { box-shadow: 0 1px 0 rgba(0,0,0,.08) !important; }

/* ================== القوائم المنسدلة/الميجا منيو (ديسكتوب فقط) ================== */
@media (min-width: 992px){
  .navbar .dropdown-menu,
  .menu .dropdown-menu,
  .mega-menu,
  .mega-menu__content,
  .menu__dropdown {
    background: var(--brand-yellow) !important;
    border-color: var(--brand-yellow-dark) !important;
    color: var(--on-yellow) !important;
  }
  .navbar .dropdown-menu a,
  .mega-menu a { color: var(--on-yellow) !important; }
}

/* ================== درج/منيو الموبايل ================== */
#mobile-menu,
#mobile-menu .mm-spn--navbar,
.menu--mobile,
.offcanvas,
.offcanvas-menu,
.drawer {
  background: var(--brand-yellow) !important;
  background-image: none !important;
  color: var(--on-yellow) !important;
}
#mobile-menu a,
.menu--mobile a,
.offcanvas-menu a,
.drawer a { color: var(--on-yellow) !important; }
#mobile-menu a:hover { color: #000 !important; }

/* ================== الفوتر ================== */
.site-footer,
.footer,
.main-footer,
.footer-top,
.footer-bottom {
  background: var(--brand-yellow) !important;
  background-image: none !important;
  color: var(--on-yellow) !important;
}
.site-footer a,
.footer a { color: var(--on-yellow) !important; }
.site-footer a:hover,
.footer a:hover { color: #000 !important; }
.site-footer svg,
.footer svg { color: var(--on-yellow) !important; fill: currentColor !important; stroke: currentColor !important; }

/* ================== أزرار ضمن الهيدر/الفوتر (اختياري) ================== */
.site-header .btn-primary,
.header .btn-primary,
.site-footer .btn-primary,
.footer .btn-primary {
  background: var(--on-yellow) !important;
  color: var(--brand-yellow) !important;
  border-color: var(--on-yellow) !important;
}
.site-header .btn-primary:hover,
.site-footer .btn-primary:hover {
  background: #000 !important;
  border-color: #000 !important;
}


/* Raed – إلغاء طيّ وصف المنتج وإظهار النص كاملًا */
[data-component="product.description"] .desc,
[data-component="product.description"] .description,
.product-description,
.product-description .content,
#product-description {
  max-height: none !important;
  overflow: visible !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  display: block !important;
  white-space: normal !important;
}
/* Raed: عرض وصف المنتج كاملًا */
article#more-content,
.product_description article#more-content,
.product-description article#more-content {
  max-height: none !important;
  height: auto !important;
  overflow: visible !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  transition: none !important;
  display: block !important;
}

/* أي عنصر وصف عليه overflow-hidden داخل بلوك الوصف */
.product_description .overflow-hidden { overflow: visible !important; }

/* إخفاء زر "قراءة المزيد" */
a#btn-show-more,
#btn-show-more { display: none !important; }