/*
 * بن خميس للعود — ثيم اليوم الوطني السعودي 96
 * متوافق مع ثيم رائد في سلة
 * الشعار الرسمي «عزّنا بطبعنا» مضمّن داخل الملف، ولا يحتاج إلى رابط صورة خارجي.
 *
 * للتعديل السريع: غيّر قيم المتغيرات في القسم الأول فقط.
 */

/* =========================================================
   1) لوحة الألوان والخلفيات — جميعها قابلة للتعديل من هنا
   ========================================================= */
:root {
  /* ألوان الهوية الرسمية */
  --nd96-official-deep: #022628;
  --nd96-official-green: #028C4C;

  /* ألوان بن خميس المستوحاة من البانر */
  --nd96-emerald: #064C3F;
  --nd96-emerald-hover: #08705A;
  --nd96-gold: #D8B66B;
  --nd96-gold-hover: #E8CC8A;
  --nd96-gold-soft: #F2E4BE;

  /* خلفيات الثيم */
  --nd96-page-bg: #F7F4EC;
  --nd96-topbar-bg: #022628;
  --nd96-header-bg: #043B33;
  --nd96-card-bg: #FFFFFF;
  --nd96-menu-bg: #FFFFFF;
  --nd96-footer-bg: #011D1D;
  --nd96-footer-inner-bg: #022E2A;
  --nd96-tag-bg: #022628;

  /* النصوص والحدود */
  --nd96-text: #173B32;
  --nd96-text-muted: #667872;
  --nd96-on-dark: #FFFFFF;
  --nd96-border: rgba(216, 182, 107, 0.38);
  --nd96-shadow: 0 12px 34px rgba(2, 38, 40, 0.10);
  --nd96-radius: 14px;

  /* أبعاد ومكان التاغ — الزاوية السفلية اليسرى */
  --nd96-tag-left: 18px;
  --nd96-tag-bottom: 22px;
  --nd96-tag-width: 200px;
  --nd96-tag-height: 66px;

  /* ربط لوحة الهوية بمتغيرات سلة */
  --color-primary: var(--nd96-emerald);
  --color-primary-d: #043E34;
  --color-primary-dark: var(--nd96-official-deep);
  --color-primary-l: var(--nd96-official-green);
  --color-primary-light: #E5F1EC;
  --color-primary-reverse: var(--nd96-on-dark);
  --main-color: var(--nd96-emerald);
  --main-text-color: var(--nd96-text);
  --secondary-color: var(--nd96-gold);
  --store-color: var(--nd96-emerald);
  --theme-primary-color: var(--nd96-emerald);
  --ticketing-system-primary-color: var(--nd96-emerald);
  --topnav-bg: var(--nd96-topbar-bg);
  --topnav-text-color: var(--nd96-on-dark);
  --mainnav-bg: var(--nd96-header-bg);
  --mainnav-text-color: var(--nd96-on-dark);
}

/* =========================================================
   2) الصفحة العامة
   ========================================================= */
body.theme-raed {
  background-color: var(--nd96-page-bg) !important;
  color: var(--nd96-text);
}

body.theme-raed ::selection {
  background: var(--nd96-gold);
  color: var(--nd96-official-deep);
}

body.theme-raed a {
  transition: color 180ms ease, opacity 180ms ease;
}

/* =========================================================
   3) الشريط العلوي والهيدر
   ========================================================= */
body.theme-raed .top-navbar {
  background-color: var(--nd96-topbar-bg) !important;
  background-image: linear-gradient(
    105deg,
    var(--nd96-official-deep) 0%,
    var(--nd96-emerald) 100%
  ) !important;
  color: var(--nd96-on-dark) !important;
  border-bottom: 1px solid rgba(216, 182, 107, 0.24);
}

body.theme-raed .top-navbar a,
body.theme-raed .top-navbar button,
body.theme-raed .top-navbar .topnav-link-item {
  color: var(--nd96-on-dark) !important;
}

body.theme-raed .top-navbar a:hover,
body.theme-raed .top-navbar button:hover {
  color: var(--nd96-gold-hover) !important;
}

body.theme-raed .top-navbar .s-search-input {
  background-color: rgba(255, 255, 255, 0.10) !important;
  border: 1px solid rgba(216, 182, 107, 0.34) !important;
  color: var(--nd96-on-dark) !important;
}

body.theme-raed .top-navbar .s-search-input::placeholder {
  color: rgba(255, 255, 255, 0.72) !important;
}

body.theme-raed .main-nav-container,
body.theme-raed .main-nav-container > .inner,
body.theme-raed .main-nav-container.fixed-pinned > .inner,
body.theme-raed .main-nav-container.fixed-header > .inner {
  background-color: var(--nd96-header-bg) !important;
  color: var(--nd96-on-dark) !important;
  border-bottom: 1px solid rgba(216, 182, 107, 0.32);
  box-shadow: 0 8px 26px rgba(2, 38, 40, 0.12);
}

body.theme-raed .main-nav-container .header-btn,
body.theme-raed .main-nav-container .header-btn__icon,
body.theme-raed .main-nav-container .mburger,
body.theme-raed .main-nav-container .sicon-menu,
body.theme-raed .main-nav-container .s-cart-summary-total {
  color: var(--nd96-on-dark) !important;
}

body.theme-raed .main-nav-container .header-btn__icon {
  background-color: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(216, 182, 107, 0.58) !important;
}

body.theme-raed .main-nav-container .header-btn:hover .header-btn__icon {
  background-color: var(--nd96-gold) !important;
  color: var(--nd96-official-deep) !important;
}

body.theme-raed .s-cart-summary-count {
  background-color: var(--nd96-gold) !important;
  color: var(--nd96-official-deep) !important;
}

@media (min-width: 1024px) {
  body.theme-raed .main-nav-container .main-menu > li > a {
    color: var(--nd96-on-dark) !important;
  }

  body.theme-raed .main-nav-container .main-menu > li > a:hover,
  body.theme-raed .main-nav-container .main-menu > .has-children:hover > a,
  body.theme-raed .main-nav-container .main-menu > li > a[href*="offer"] {
    color: var(--nd96-gold-hover) !important;
  }
}

/* القوائم المنسدلة */
body.theme-raed .main-nav-container .sub-menu {
  background-color: var(--nd96-menu-bg) !important;
  color: var(--nd96-text) !important;
  border: 1px solid var(--nd96-border);
  box-shadow: var(--nd96-shadow);
}

body.theme-raed .main-nav-container .sub-menu a {
  color: var(--nd96-text) !important;
}

body.theme-raed .main-nav-container .sub-menu a:hover {
  color: var(--nd96-official-green) !important;
}

/* قائمة الجوال */
body.theme-raed .mm-ocd__content,
body.theme-raed .mm-spn.mm-spn--light,
body.theme-raed .mm-spn ul,
body.theme-raed .mm-spn li {
  background-color: var(--nd96-menu-bg) !important;
  color: var(--nd96-text) !important;
}

body.theme-raed .mm-spn li::after,
body.theme-raed .mm-spn.mm-spn--navbar ul::before {
  border-color: var(--nd96-border) !important;
}

/* =========================================================
   4) العناوين والأقسام
   ========================================================= */
body.theme-raed .s-block__title h2 {
  color: var(--nd96-emerald) !important;
  font-weight: 800;
  padding-inline-start: 18px;
}

body.theme-raed .s-block__title h2::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 12%;
  width: 4px;
  height: 76%;
  border-radius: 999px;
  background-color: var(--nd96-gold);
}

body.theme-raed .s-block__title p {
  color: var(--nd96-text-muted) !important;
  opacity: 1;
}

body.theme-raed .s-block__title a,
body.theme-raed .breadcrumbs a {
  color: var(--nd96-official-green) !important;
}

body.theme-raed .s-block__title a:hover,
body.theme-raed .breadcrumbs a:hover {
  color: var(--nd96-emerald-hover) !important;
}

/* =========================================================
   5) بطاقات المنتجات
   ========================================================= */
body.theme-raed .s-product-card-entry {
  background-color: var(--nd96-card-bg) !important;
  border: 1px solid var(--nd96-border);
  border-radius: var(--nd96-radius);
  box-shadow: var(--nd96-shadow);
  overflow: hidden;
  transition:
    transform 220ms ease,
    box-shadow 220ms ease,
    border-color 220ms ease;
}

body.theme-raed custom-salla-product-card:hover .s-product-card-entry,
body.theme-raed .s-product-card-entry:hover {
  transform: translateY(-4px);
  border-color: var(--nd96-gold);
  box-shadow: 0 18px 42px rgba(2, 38, 40, 0.16);
}

body.theme-raed .s-product-card-content-title a {
  color: var(--nd96-text) !important;
}

body.theme-raed .s-product-card-content-title a:hover {
  color: var(--nd96-official-green) !important;
}

body.theme-raed .s-product-card-price,
body.theme-raed .s-product-card-sale-price h4,
body.theme-raed .s-product-card-starting-price h4 {
  color: var(--nd96-emerald) !important;
  font-weight: 800;
}

body.theme-raed .s-product-card-sale-price span {
  color: var(--nd96-text-muted) !important;
}

body.theme-raed .s-product-card-promotion-title {
  background-color: var(--nd96-official-green) !important;
  color: var(--nd96-on-dark) !important;
}

body.theme-raed .s-product-card-wishlist-btn button {
  background-color: var(--nd96-card-bg) !important;
  border: 1px solid var(--nd96-border) !important;
  color: var(--nd96-emerald) !important;
}

body.theme-raed .s-product-card-wishlist-btn button:hover {
  border-color: var(--nd96-gold) !important;
  color: var(--nd96-gold) !important;
}

body.theme-raed .s-product-card-wishlist-btn button:hover svg {
  fill: var(--nd96-gold) !important;
}

/* =========================================================
   6) الأزرار وحقول الإدخال
   ========================================================= */
body.theme-raed .s-button-primary,
body.theme-raed .s-button-solid.s-button-primary,
body.theme-raed .btn--add-to-cart {
  background-color: var(--nd96-emerald) !important;
  border-color: var(--nd96-emerald) !important;
  color: var(--nd96-on-dark) !important;
  box-shadow: 0 8px 20px rgba(6, 76, 63, 0.18);
}

body.theme-raed .s-button-primary .s-button-text,
body.theme-raed .s-button-solid.s-button-primary .s-button-text,
body.theme-raed .btn--add-to-cart .s-button-text {
  color: inherit !important;
}

body.theme-raed .s-button-primary:hover,
body.theme-raed .s-button-solid.s-button-primary:hover,
body.theme-raed .btn--add-to-cart:hover {
  background-color: var(--nd96-gold) !important;
  border-color: var(--nd96-gold) !important;
  color: var(--nd96-official-deep) !important;
}

body.theme-raed .s-button-primary:disabled,
body.theme-raed .s-button-primary[disabled],
body.theme-raed .s-button-primary.s-button-disabled {
  background-color: #DDE4E1 !important;
  border-color: #DDE4E1 !important;
  color: #6E7D78 !important;
  box-shadow: none;
}

body.theme-raed input:not([type="checkbox"]):not([type="radio"]),
body.theme-raed select,
body.theme-raed textarea {
  background-color: var(--nd96-card-bg);
  border-color: var(--nd96-border);
  border-radius: 10px;
  color: var(--nd96-text);
}

body.theme-raed input:not([type="checkbox"]):not([type="radio"]):focus,
body.theme-raed select:focus,
body.theme-raed textarea:focus {
  border-color: var(--nd96-gold) !important;
  box-shadow: 0 0 0 3px rgba(216, 182, 107, 0.20) !important;
  outline: none !important;
}

/* أسهم السلايدر */
body.theme-raed .s-slider-nav-arrow {
  background-color: var(--nd96-card-bg) !important;
  border: 1px solid var(--nd96-border) !important;
  color: var(--nd96-emerald) !important;
  box-shadow: 0 8px 18px rgba(2, 38, 40, 0.10);
}

body.theme-raed .s-slider-nav-arrow:hover {
  background-color: var(--nd96-gold) !important;
  color: var(--nd96-official-deep) !important;
}

/* =========================================================
   7) الفوتر
   ========================================================= */
body.theme-raed .store-footer {
  background-color: var(--nd96-footer-bg) !important;
  color: var(--nd96-on-dark) !important;
  border-top: 2px solid var(--nd96-gold);
}

body.theme-raed .store-footer__inner {
  background-color: var(--nd96-footer-inner-bg) !important;
  border-bottom-color: rgba(216, 182, 107, 0.24) !important;
}

body.theme-raed .store-footer h3 {
  color: var(--nd96-gold-hover) !important;
}

body.theme-raed .store-footer a {
  color: var(--nd96-on-dark) !important;
}

body.theme-raed .store-footer a:hover {
  color: var(--nd96-gold-hover) !important;
  opacity: 1;
}

body.theme-raed .store-footer .social-link {
  border-color: rgba(216, 182, 107, 0.56) !important;
}

body.theme-raed .store-footer .social-link:hover {
  background-color: var(--nd96-gold) !important;
  color: var(--nd96-official-deep) !important;
}

/* =========================================================
   8) تاغ اليوم الوطني 96 — ثابت ولا يعطّل النقر
   ========================================================= */
body.theme-raed::after {
  content: "";
  position: fixed;
  left: max(var(--nd96-tag-left), env(safe-area-inset-left));
  bottom: max(var(--nd96-tag-bottom), env(safe-area-inset-bottom));
  width: var(--nd96-tag-width);
  height: var(--nd96-tag-height);
  box-sizing: border-box;
  padding: 8px 10px;
  background-color: var(--nd96-tag-bg);
  background-image: url("data:image/png;base64,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");
  background-repeat: no-repeat;
  background-position: center;
  background-size: calc(100% - 18px) auto;
  border: 1px solid rgba(216, 182, 107, 0.62);
  border-radius: 13px 13px 13px 4px;
  box-shadow:
    0 12px 30px rgba(1, 29, 29, 0.28),
    inset 0 0 0 1px rgba(255, 255, 255, 0.05);
  pointer-events: none;
  z-index: 9998;
}

/* رقم المناسبة منفصل عن الشعار حتى لا يتم تعديل الشعار الرسمي */
body.theme-raed::before {
  content: "96";
  position: fixed;
  left: calc(var(--nd96-tag-left) + var(--nd96-tag-width) - 20px);
  bottom: calc(var(--nd96-tag-bottom) + var(--nd96-tag-height) - 20px);
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  box-sizing: border-box;
  border-radius: 50%;
  background-color: var(--nd96-gold);
  color: var(--nd96-official-deep);
  border: 3px solid var(--nd96-tag-bg);
  box-shadow: 0 8px 18px rgba(1, 29, 29, 0.25);
  font-family: inherit;
  font-size: 18px;
  font-weight: 800;
  line-height: 1;
  pointer-events: none;
  z-index: 9999;
}

/* الجوال: حجم أصغر ورفع التاغ عن شريط الشراء السفلي */
@media (max-width: 640px) {
  :root {
    --nd96-tag-left: 10px;
    --nd96-tag-bottom: 14px;
    --nd96-tag-width: 138px;
    --nd96-tag-height: 48px;
  }

  /* في صفحة المنتج فقط: رفع التاغ عن شريط الشراء الثابت */
  body.theme-raed.product-single.is-sticky-product-bar {
    --nd96-tag-bottom: 86px;
  }

  body.theme-raed::after {
    padding: 6px 8px;
    background-size: calc(100% - 14px) auto;
    border-radius: 10px 10px 10px 3px;
  }

  body.theme-raed::before {
    left: calc(var(--nd96-tag-left) + var(--nd96-tag-width) - 16px);
    bottom: calc(var(--nd96-tag-bottom) + var(--nd96-tag-height) - 16px);
    width: 34px;
    height: 34px;
    border-width: 2px;
    font-size: 14px;
  }
}

/* إخفاؤه مؤقتًا عند فتح قائمة أو نافذة منبثقة حتى تبقى الواجهة نظيفة */
body.theme-raed.mm-ocd-opened::before,
body.theme-raed.mm-ocd-opened::after,
body.theme-raed.modal-is-open::before,
body.theme-raed.modal-is-open::after,
body.theme-raed.fancybox-open::before,
body.theme-raed.fancybox-open::after {
  opacity: 0;
  visibility: hidden;
}

@media print {
  body.theme-raed::before,
  body.theme-raed::after {
    display: none !important;
  }
}