/* =========================================
   Ramadan FULL Theme (Beige BG) + Dark Cards + Black Menu + Price Fix
   ========================================= */
:root {
    /* --- إعدادات الألوان --- */
    --brand-primary: #4a3b2a;    /* البني الغامق */
    --brand-secondary: #c7b083;  /* البيج الذهبي */
    --brand-bg-deep: #DDD4C2;    /* خلفية الموقع (بيج فاتح) */
    --brand-text: #2b2218;       /* النص بني غامق */
    
    /* متغيرات الثيم */
    --ramadan-gold: var(--brand-secondary); 
    --ramadan-gold-bright: #fffefb;
    --ramadan-bronze-dark: #362b1e;
    --ramadan-bronze-light: var(--brand-primary);
    --ramadan-bg-deep: var(--brand-bg-deep);
    --ramadan-text: var(--brand-text);
    
    /* أحجام الفانوس */
    --lantern-scale-desktop: 0.65;
    --lantern-scale-mobile: 0.4;
    --lantern-chain-height: 150px;
}

/* ----------------------------------------
   1. HEADER & MENU (المنيو أسود والخلفية بيضاء)
   ---------------------------------------- */
.site-header, .site-header.sticky, .site-header.is-sticky, .header-wrapper, .fixed-header, .app-header {
    background-color: #ffffff !important;
    border-bottom: 1px solid #dcdcdc !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05) !important;
}
.mobile-menu-btn, .burger-icon, .menu-toggle, .nav-trigger, .header-btn, .site-header .btn {
    color: #000000 !important;
    fill: #000000 !important;
}
.mobile-menu-btn i, .burger-icon i, .s-user-menu-btn, .s-cart-icon {
    color: #000000 !important;
}
.main-menu a, .nav-link, .header-links a {
    color: #000000 !important;
    font-weight: bold !important;
}

/* ----------------------------------------
   2. GLOBAL THEME OVERRIDES
   ---------------------------------------- */
body, html, .content, .s-block, footer, .app-footer {
    background-color: var(--ramadan-bg-deep) !important;
    color: var(--ramadan-text) !important;
}
h1, h2, h3, h4, h5, h6, .s-product-card-content-title a {
    color: var(--brand-primary) !important;
}
/* روابط العناوين داخل الكروت */
.s-product-card-content-title {
    color: #ffffff !important; /* عنوان المنتج أبيض لأن خلفية الكارت غامقة */
}
.s-product-card-content-title:hover {
    color: var(--brand-secondary) !important;
}

/* ----------------------------------------
   3. PRODUCT CARDS & PRICES FIX (إصلاح الأسعار والكروت)
   ---------------------------------------- */
.product-entry, .s-product-card-entry, .s-product-card {
    background-color: #2b1b13 !important; /* خلفية الكارت داكنة */
    border: 1px solid var(--ramadan-bronze-light) !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
}

/* >>> إصلاح لون السعر الحالي (كان أحمر، الآن أبيض/ذهبي) <<< */
.s-product-card-sale-price h4, 
.product-price,
.s-product-card-content-price {
    color: #ffffff !important; /* السعر الحالي أبيض واضح */
    font-size: 1.1rem !important;
    font-weight: bold !important;
}

/* >>> إصلاح لون الخصم/السعر القديم (كان أسود، الآن رمادي فاتح) <<< */
.s-product-card-sale-price span,
.product-old-price,
.s-product-card-content-sub span {
    color: #cccccc !important; /* رمادي فاتح ليظهر على الخلفية الداكنة */
    text-decoration: line-through !important;
    font-size: 0.9rem !important;
    opacity: 0.8 !important;
}

/* اسم التصنيف (طاولات مداخل...) */
.cate-name {
    color: var(--brand-secondary) !important; /* لون ذهبي */
    font-size: 0.85rem !important;
}

/* الأزرار */
.s-button-primary, .btn-primary, .s-add-to-cart-button {
    background-color: var(--ramadan-gold) !important;
    color: #000 !important;
    border-color: var(--ramadan-gold) !important;
}

/* ----------------------------------------
   4. FESTIVE ELEMENTS (Lanterns)
   ---------------------------------------- */
.ramadan-lantern {
    position: fixed; top: -5px; z-index: 999999; pointer-events: none; transform-origin: top center;
    --current-scale: var(--lantern-scale-desktop);
    animation: lantern-swing-slow 5s ease-in-out infinite alternate both;
}
.lantern-right { right: 30px; }
.lantern-left { left: 30px; animation-delay: 2.5s; }

.lantern-chain {
    width: 6px; height: var(--lantern-chain-height); margin: 0 auto;
    background: repeating-linear-gradient(to bottom, var(--ramadan-bronze-dark) 0px, var(--ramadan-bronze-light) 4px, var(--ramadan-bronze-dark) 8px);
    position: relative; z-index: 1; box-shadow: inset 0 0 2px rgba(0,0,0,0.5);
}
.real-lantern-structure {
    position: relative; margin-top: -5px; display: flex; flex-direction: column; align-items: center;
    filter: drop-shadow(0 5px 10px rgba(0,0,0,0.3));
}
.metallic-gradient {
    background: linear-gradient(to right, var(--ramadan-bronze-dark), var(--ramadan-bronze-light) 30%, var(--ramadan-gold) 50%, var(--ramadan-bronze-light) 70%, var(--ramadan-bronze-dark));
    border: 1px solid var(--ramadan-bronze-dark); box-shadow: inset 0 2px 5px rgba(0,0,0,0.4);
}
.lantern-ring { width: 20px; height: 20px; border-radius: 50%; border: 3px solid var(--ramadan-bronze-light); margin-bottom: -5px; z-index: 2; }
.lantern-cap { width: 50px; height: 25px; border-radius: 25px 25px 5px 5px; z-index: 3; }
.lantern-mid-section { width: 70px; height: 80px; position: relative; margin: -2px 0; z-index: 2; background: var(--ramadan-bronze-dark); padding: 4px; border-radius: 8px; }
.lantern-glass-glow {
    width: 100%; height: 100%;
    background: radial-gradient(circle at center, var(--ramadan-gold-bright) 10%, var(--ramadan-gold) 50%, rgba(253, 184, 19, 0.6) 90%);
    border-radius: 4px; position: relative; overflow: hidden;
    animation: lantern-pulse-light 3s infinite ease-in-out alternate;
}
.lantern-glass-glow::before, .lantern-glass-glow::after { content: ''; position: absolute; background: var(--ramadan-bronze-dark); opacity: 0.7; }
.lantern-glass-glow::before { width: 2px; height: 100%; left: 30%; }
.lantern-glass-glow::after { width: 2px; height: 100%; right: 30%; }
.lantern-base { width: 55px; height: 15px; border-radius: 5px 5px 15px 15px; z-index: 3; margin-top: -2px; }

@keyframes lantern-pulse-light {
    0% { box-shadow: inset 0 0 15px rgba(253, 184, 19, 0.3), 0 0 10px rgba(253, 184, 19, 0.2); filter: brightness(0.8); }
    100% { box-shadow: inset 0 0 30px var(--ramadan-gold-bright), 0 0 50px 15px rgba(253, 184, 19, 0.7), 0 0 80px 30px rgba(253, 184, 19, 0.3); filter: brightness(1.2); }
}
@keyframes lantern-swing-slow {
    from { transform: rotate(-3deg) scale(var(--current-scale)); }
    to { transform: rotate(3deg) scale(var(--current-scale)); }
}
@media (max-width: 768px) {
    .ramadan-lantern { --current-scale: var(--lantern-scale-mobile); top: -10px; }
    @media (max-width: 350px) { .ramadan-lantern { display: none; } }
}

/* ----------------------------------------
   5. BANNER CENTER FIX (توسيط البنر)
   ---------------------------------------- */
@media (min-width: 1024px) {
  .mainbaner-slide-content {
      position: absolute !important; right: 0 !important; left: 0 !important; width: 100% !important; max-width: 100% !important;
      display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; text-align: center !important;
      top: 50% !important; transform: translateY(-50%) !important; bottom: auto !important; padding-right: 0 !important; padding-left: 0 !important;
  }
  .mainbaner-slide-content h2, .mainbaner-slide-content p {
      text-align: center !important; width: fit-content !important; margin-left: auto !important; margin-right: auto !important; max-width: 90% !important;
  }
  .mainbaner-slide-content .mainbaner-btn {
      display: inline-block !important; margin: 20px auto 0 auto !important; float: none !important;
  }
}

/* الشيمر (اللمعان) */
.shimmer-wrap{position:relative !important;display:inline-block !important;border-radius:12px !important;overflow:hidden !important;padding:2px !important;box-sizing:border-box !important;isolation:isolate !important;margin-top:0 !important}.shimmer-wrap::before{content:"" !important;position:absolute !important;top:-100% !important;left:-100% !important;width:300% !important;height:300% !important;background:conic-gradient(from 0deg,transparent 0deg,transparent 80deg,var(--ramadan-gold) 90deg,transparent 100deg,transparent 360deg) !important;animation:shimmer-travel 3s linear infinite !important;z-index:999999 !important;border-radius:inherit !important;pointer-events:none !important;will-change:transform !important}.shimmer-wrap>*{position:relative !important;z-index:1000000 !important;display:block !important;width:100% !important;box-sizing:border-box !important}@keyframes shimmer-travel{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}

/* زر المحادثة */
#karzoun-widget-send-button { bottom: 115px; }

/* margin for containers*/
div:has(> .banner.banner--fixed.overflow-hidden):first-of-type {
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-bottom: 15px
}