/* =================================
    SWAN HOME CSS - النسخة النهائية والمثبتة
    ================================= */
body.swan-home{
  /* Palette */
  --swan-primary: #65A295;    /* الأخضر الأساسي */
  --swan-secondary:#458384;   /* الأخضر الغامق */
  --swan-accent1: #EAC398;    /* بيج فاتح */
  --swan-accent2: #D4A675;    /* البيج الأكثر تركيزًا */
  --swan-neutral: #F4F3F1;    
  --swan-text: #2C3A36;
  --swan-muted:#6C7A75;
  --radius:16px;
  --shadow:0 8px 20px rgba(69,131,132,0.15); 
  background:#FFFFFF !important;
  color-scheme: light;
  font-family:"Tajawal","Noto Sans Arabic",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}

/* =========================
    أساسيات عامة
    ========================= */
body.swan-home.index.color-mode-dark{ background:#FFFFFF !important; }
body.swan-home .da-bgm, 
body.swan-home .da-bgg{ background:#FFFFFF !important; }

body.swan-home h1,h2,h3{ color:var(--swan-secondary); letter-spacing:.2px; }
body.swan-home p, 
body.swan-home .da-tm, 
body.swan-home .da-ts{ color:var(--swan-text); }

/* =========================
    Header
    ========================= */
body.swan-home .header-inner{
  background:var(--swan-neutral) !important; 
  border-bottom:1px solid var(--swan-primary);
}
body.swan-home .main-nav-container.fixed-pinned.animated.fixed-header{
  background:var(--swan-neutral) !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}


/* =========================
    Hero Section & Prices
    ========================= */

/* تصغير السعر في المنتج المميز (Hero) */
body.swan-home .special-price-current{
  color:var(--swan-secondary) !important;
  font-weight:900;  
  font-size: 24px !important; 
}

/* تباعد وحجم أزرار Hero النهائية */
body.swan-home section.s-block--special-product .btn,
body.swan-home section.s-block--special-product .s-button,
body.swan-home section.s-block--special-product [class*="button"]{
  font-size:.85rem !important; 
  padding:6px 12px !important; 
  min-height:36px !important; 
  border-radius:10px !important; 
  box-shadow:0 3px 8px rgba(69,131,132,.10) !important; 
}

/* مسافة إجبارية بين أزرار Hero المتجاورة */
body.swan-home section.s-block--special-product .btn + .btn,
body.swan-home section.s-block--special-product .s-button + .s-button,
body.swan-home section.s-block--special-product .buttons .btn + .btn {
    margin-right: 10px !important; 
    margin-left: 0 !important; 
}



body.swan-home .s-button-element.s-button-primary,
body.swan-home .btn.btn--primary{
  background:var(--swan-secondary) !important;
  color:#fff !important;
  border:none;
  border-radius:14px; 
  padding:14px 22px; 
  box-shadow:0 8px 20px rgba(69,131,132,.25); 
}

/
body.swan-home .btn.btn--outline,
body.swan-home .s-button-element.s-button-outline{
  background:#fff !important; /* خلفية بيضاء */
  color:var(--swan-secondary) !important;
  border:2px solid var(--swan-secondary) !important; /* إطار أخضر */
  border-radius:14px;  
  padding:14px 22px;  
}

/* =========================
    بطاقات المنتج العادية
    ========================= */
body.swan-home .s-product-card-entry{
  border-radius:18px !important;
  box-shadow:var(--shadow);
}

/* تصغير السعر في بطاقات المنتج العادية (بدون أحمر) */
body.swan-home .s-product-card-price,
body.swan-home .s-product-card-price .price,
body.swan-home .s-product-card__price,
body.swan-home .product-price-content .product-price {
    font-size: 1.1rem !important; 
    font-weight: 900 !important;
    color: var(--swan-secondary) !important;
}

}
/* ================== فوتر (معالجة الأيقونات) ================== */
.store-footer{
  background:var(--swan-primary) !important;
  color:#fff !important;
}
.store-footer a, .store-footer *{ color:#fff !important; }
.store-footer .social-icons__icon,
.store-footer .social-icons__icon a{
  width:48px; height:48px; min-width:48px; 
  display:inline-flex; align-items:center; justify-content:center;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.25);
  background:rgba(255,255,255,.10);
  font-size:22px; line-height:1;
  transition:.2s ease;
}
.store-footer .social-icons__icon:hover{ background:rgba(255,255,255,.18); }
body.swan-home section.s-block--special-product .buttons,
body.swan-home section.s-block--special-product .btn-group,
body.swan-home section.s-block--special-product .actions{
  display: flex;
  flex-wrap: wrap;
  gap: 10px !important; /* المسافة بين الأزرار */
}

body.swan-home section.s-block--special-product .btn + .btn,
body.swan-home section.s-block--special-product .s-button + .s-button{
  margin-inline-start: 10px !important;
}
/* ============ FIX 1: حاوية الأزرار في الهيرو مع gap صحيح ============ */
body.swan-home section.s-block--special-product .buttons,
body.swan-home section.s-block--special-product .btn-group,
body.swan-home section.s-block--special-product .actions{
  display:flex !important;
  flex-wrap:wrap;
  gap:12px !important;              /* المسافة بين الأزرار */
  column-gap:12px !important;       /* تأكيد في RTL */
  row-gap:10px !important;
}

/* ألغِ أي هوامش سابقة على الأزرار نفسها (نرجّح الـgap فقط) */
body.swan-home section.s-block--special-product .btn,
body.swan-home section.s-block--special-product .s-button{
  margin:0 !important;
}

/* لو فيه قواعد قديمة تضيف margin بين الأزرار، عطّلها نهائيًا */
body.swan-home section.s-block--special-product .btn + .btn,
body.swan-home section.s-block--special-product .s-button + .s-button{
  margin:0 !important;
  margin-inline-start:0 !important;
  margin-right:0 !important;
  margin-left:0 !important;
}

/* ============ FIX 2: زر "عرض التفاصيل" يكون Outline أبيض بإطار أخضر ============ */
/* لو الزر عنده كلاس واضح للتفاصيل */
body.swan-home section.s-block--special-product .btn.btn--outline,
body.swan-home section.s-block--special-product .btn.btn-outline,
body.swan-home section.s-block--special-product .s-button-element.s-button-outline{
  background:#fff !important;
  color:var(--swan-secondary) !important;
  border:2px solid var(--swan-secondary) !important;
  box-shadow:none !important;
}

/* لو ما فيه كلاس مميز: خليه "أول زر" Outline و"ثاني زر" أخضر */
body.swan-home section.s-block--special-product .buttons .btn:first-child,
body.swan-home section.s-block--special-product .btn-group .btn:first-child{
  background:#fff !important;
  color:var(--swan-secondary) !important;
  border:2px solid var(--swan-secondary) !important;
  box-shadow:none !important;
}
body.swan-home section.s-block--special-product .buttons .btn:last-child,
body.swan-home section.s-block--special-product .btn-group .btn:last-child{
  background:var(--swan-secondary) !important;
  color:#fff !important;
  border:1px solid var(--swan-secondary) !important;
}

/* لو ترتيب الأزرار عندك معكوس، بدّلي first-child ↔ last-child في الكتلتين فوق. */

/* ============ FIX 3: حجم منطقي لأزرار الهيرو ============ */
body.swan-home section.s-block--special-product .btn,
body.swan-home section.s-block--special-product .s-button{
  font-size:.9rem !important;
  line-height:1 !important;
  padding:10px 16px !important;
  min-height:40px !important;
  border-radius:12px !important;
}
/* ===== 1) حوّلي أي حاوية أزرار في الـHero إلى Flex مع gap ===== */
body.swan-home section.s-block--special-product :is(.buttons,.btn-group,.actions,.s-product-buy-action,.product-actions){
  display:flex !important;
  align-items:center;
  flex-wrap:wrap;
  gap:12px !important;          /* المسافة الأساسية */
  column-gap:12px !important;   /* دعم RTL */
  row-gap:10px !important;
}

/* ألغِ أي هوامش قديمة على الأزرار نفسها (نخلي التحكم للـgap) */
body.swan-home section.s-block--special-product :is(.buttons,.btn-group,.actions,.s-product-buy-action,.product-actions)
  :is(.btn,.s-button,.s-button-element){
  margin:0 !important;
  white-space:nowrap;          /* يمنع كسر السطر داخل الزر */
  display:inline-flex; align-items:center; justify-content:center;
}

/* ===== 2) احتياطي: لو ما انطبق الـgap لأي سبب، استخدمي margin بين الأشقاء ===== */
body.swan-home section.s-block--special-product 
  :is(.btn,.s-button,.s-button-element) + :is(.btn,.s-button,.s-button-element){
  margin-inline-start:12px !important;   /* يعمل RTL/LTR */
}

/* ===== 3) احتياطي أقوى: لو الأزرار في حاويتين منفصلتين، زد مسافة بين الحاويتين نفسهما ===== */
body.swan-home section.s-block--special-product 
  :is(.buttons,.btn-group,.actions,.s-product-buy-action,.product-actions) + 
  :is(.buttons,.btn-group,.actions,.s-product-buy-action,.product-actions){
  margin-inline-start:12px !important;
}

/* (اختياري) تقليل التصاق الأيقونة داخل الزر بالنص إن فيه آيكون */
body.swan-home section.s-block--special-product :is(.btn,.s-button,.s-button-element) i{
  margin-inline-start:6px; line-height:1;
}