/* ===== متجر بخور — أخضر عميق + ذهبي + كريمي (مطابق للتصميم المرجعي) ===== */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap');
 
:root {
  --color-primary: #143129;
  --color-primary-dark: #0d211b;
  --color-primary-light: #e9efeb;
  --color-primary-reverse: #ffffff;
 
  --green: #143129;
  --green-deep: #0d211b;
  --gold: #a98b5a;
  --gold-light: #c4a979;
  --cream: #f8f4ec;
  --sand: #e6dfce;
  --ink: #16241f;
}
 
body { background: var(--cream); color: var(--ink); }
 
h1, h2, h3,
.s-block__title h2,
.s-slider-block__title h2 {
  font-family: 'Tajawal', sans-serif;
  font-weight: 800;
  color: var(--green);
}
 
/* عنوان القسم: خط ذهبي على الجانبين */
.s-block__title h2,
.s-slider-block__title h2 {
  display: inline-flex;
  align-items: center;
  gap: 16px;
}
.s-block__title h2::before,
.s-block__title h2::after,
.s-slider-block__title h2::before,
.s-slider-block__title h2::after {
  content: "";
  width: 56px;
  height: 1px;
  background: var(--gold);
}
 
/* الشريط العلوي */
.top-navbar,
.store-header .top-navbar {
  background: var(--green) !important;
  color: #f1e6cc !important;
}
.top-navbar a { color: #f1e6cc !important; }
 
/* الهيدر */
.store-header,
.main-nav-container {
  background: var(--cream);
  border-bottom: 1px solid var(--sand);
}
.main-menu a:hover,
.main-nav-container a:hover { color: var(--gold) !important; }
 
/* الأزرار الرئيسية: أخضر */
.s-button-primary,
.btn--primary {
  background: var(--green) !important;
  color: #fff !important;
  border: 1px solid var(--green) !important;
  border-radius: 2px !important;
  font-weight: 700;
  transition: background .2s ease, color .2s ease;
}
.s-button-primary:hover { background: var(--green-deep) !important; }
 
/* زر "أضف إلى السلة" في بطاقات المنتجات: إطار ذهبي شفاف */
.s-product-card-entry .s-button-primary,
.s-product-card-entry salla-add-product-button .s-button-element {
  background: transparent !important;
  color: var(--ink) !important;
  border: 1px solid var(--gold) !important;
}
.s-product-card-entry .s-button-primary:hover,
.s-product-card-entry salla-add-product-button .s-button-element:hover {
  background: var(--gold) !important;
  color: #fff !important;
}
 
/* بطاقات المنتجات */
.s-product-card-entry {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.s-product-card-image,
.s-product-card-image img { border-radius: 0; }
.s-product-card-content-title a {
  font-family: 'Tajawal', sans-serif;
  font-weight: 700;
  color: var(--green);
}
.s-product-card-price,
.s-product-card-sale-price h4 { color: var(--ink); font-weight: 700; }
.s-product-card-promotion-title { background: var(--green); color: #f1e6cc; }
 
/* صفحة المنتج */
.product-single .product-title,
.main-content h1 { font-family: 'Tajawal', sans-serif; color: var(--green); }
.product-price,
.total-price { color: var(--ink); }
 
/* الفوتر: كريمي مع روابط خضراء */
.store-footer,
footer.store-footer {
  background: var(--cream) !important;
  color: var(--ink);
  border-top: 1px solid var(--sand);
}
.store-footer a { color: var(--ink); }
.store-footer a:hover { color: var(--gold); }
.store-footer__inner { background: var(--cream); }
 
::selection { background: var(--gold); color: #fff; }
a { transition: color .2s ease; }