/* ============================================================
   نفحات الذهب — طبقة الهوية على ثيم رائد (النسخة ٢، تجريبية)
   الصقه في: النسخة الثانية "تنسيق رائد رقم (1)" فقط
   (تأكد أن version_id في رابط الصفحة = 1575479786)
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Kufam:wght@600;700&display=swap');

/* ---- ألوان الهوية ---- */
:root {
  --brand-ink: #2E1E16;
  --brand-cream: #F6F0E4;
  --brand-sand: #E9DCC6;
  --brand-gold: #B8893B;
  --brand-gold-deep: #8F6620;
  --brand-maroon: #8B2C35;
  --brand-line: #E0D3BC;
  --s-radius: 4px;
}

/* ---- الأساس ---- */
body.theme-raed { background: var(--brand-cream); color: var(--brand-ink); }
::selection { background: var(--brand-gold); color: var(--brand-ink); }

/* ---- تقليل الفراغ بين الهيدر والمحتوى ---- */
#main-content { padding-top: 0 !important; }
#main-content > *:first-child { margin-top: 0 !important; }

/* ---- عناوين الأقسام بخط كوفام ---- */
main h1,
main h2 {
  font-family: 'Kufam', var(--font-main), sans-serif !important;
  font-weight: 700;
  color: var(--brand-ink);
}

/* ---- بطاقات المنتجات (هذا الجزء ثبت نجاحه) ---- */
.s-product-card-entry {
  background: #fff;
  border: 1px solid var(--brand-line);
  border-radius: var(--s-radius);
  box-shadow: none;
  transition: border-color .2s, box-shadow .2s;
}
.s-product-card-entry:hover {
  border-color: var(--brand-gold);
  box-shadow: 0 6px 20px rgba(46, 30, 22, .08);
}
.s-product-card-content-title a { color: var(--brand-ink); font-weight: 600; }
.s-product-card-price,
.s-product-card-sale-price { color: var(--brand-gold-deep); }
.s-product-card-promotion-title { background: var(--brand-maroon); color: #fff; }

/* ---- زر "أضف إلى السلة" (أسماء مخمّنة من مكوّنات سلة) ---- */
.s-button-element.s-button-outline,
.s-button-btn.s-button-outline {
  border-color: var(--brand-gold-deep) !important;
  color: var(--brand-gold-deep) !important;
}
.s-button-element.s-button-outline:hover,
.s-button-btn.s-button-outline:hover {
  background: var(--brand-gold-deep) !important;
  color: #fff !important;
}

/* ---- قسم المميزات: دوائر خشبية بأيقونات ذهبية (أسماء مخمّنة) ---- */
section[class*="feature"] [class*="rounded-full"] { background-color: var(--brand-ink) !important; }
section[class*="feature"] i[class*="sicon"] { color: var(--brand-gold) !important; }

/* ---- الهيدر ---- */
header { border-bottom: 1px solid var(--brand-line); }
.top-navbar { background: var(--brand-ink); }

/* ---- الفوتر: خلفية خشبية موحّدة وشريط كورنيش نجدي ---- */
body.footer-is-dark footer {
  background: var(--brand-ink) !important;
  color: var(--brand-sand);
}
/* نجعل خلفيات الحاويات الداخلية شفافة فتظهر الخشبية، ونستثني ما فيه صور (شعارات الدفع) */
body.footer-is-dark footer div:not(:has(img)),
body.footer-is-dark footer section:not(:has(img)),
body.footer-is-dark footer nav:not(:has(img)) {
  background-color: transparent !important;
}
body.footer-is-dark footer a { color: var(--brand-sand); }
body.footer-is-dark footer a:hover { color: var(--brand-gold); }
footer::before {
  content: "";
  display: block;
  height: 22px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='22'%3E%3Cpath d='M0 0H40L20 18Z' fill='%23E9DCC6'/%3E%3C/svg%3E") repeat-x top left / 40px 22px;
}

/* ==== هيدر نفحات الذهب الداكن (ألواح متمدّدة) ==== */
body.theme-raed header.store-header,
body.theme-raed #mainnav,
body.theme-raed .main-nav-container,
body.theme-raed .main-nav-container .inner{background:#2E1E16!important;color:#F6EEDF!important;border-color:transparent!important}
body.theme-raed header.store-header{border-radius:0 0 30px 30px;box-shadow:0 12px 24px rgba(46,30,22,.25);overflow:hidden;position:relative}
body.theme-raed header.store-header:after{content:"";display:block;height:10px;margin:0 16px;opacity:.5;
 background:linear-gradient(135deg,transparent 50%,#F0CB7C 50%) 0 0/10px 10px repeat-x,
            linear-gradient(225deg,transparent 50%,#F0CB7C 50%) 0 0/10px 10px repeat-x}
body.theme-raed header.store-header a,
body.theme-raed header.store-header [class*="sicon-"],
body.theme-raed header.store-header .header-btn,
body.theme-raed header.store-header .btn--circle-gray{color:#F6EEDF!important}
body.theme-raed header.store-header .header-btn,
body.theme-raed header.store-header .btn--circle-gray,
body.theme-raed header.store-header .btn{background:transparent!important;border:1.2px solid rgba(240,203,124,.6)!important}
body.theme-raed header.store-header .header-btn [class*="sicon-"]{color:#F0CB7C!important}
@media(min-width:900px){body.theme-raed header.store-header{border-radius:0 0 44px 44px}}
body.theme-raed header.store-header .s-cart-summary-total,
body.theme-raed header.store-header .s-cart-summary-content{color:#F6EEDF!important}
/* حبّة كريمية خلف شعار الهيدر الكامل */
body.theme-raed .main-nav-container img,
body.theme-raed #mainnav img{
  filter:none!important;
  background:#F6EEDF!important;
  border-radius:999px!important;
  box-sizing:content-box!important;
  height:40px!important;
  width:auto!important;
  max-width:none!important;
  padding:8px 22px!important;
  object-fit:contain!important;
  box-shadow:0 0 0 2px #B8893B,0 6px 14px rgba(0,0,0,.35)!important;
}