/* ===============================
   كود التصميم المتكامل (الوضع الداكن + تنسيقات الأقساط + واتساب)
================================ */
/* 1️⃣ تحسينات الوضع الداكن (خلفيات ونصوص) */
.da-bgg, 
.content--single-page.opt-text { 
    background-color: #1b1b1f !important; 
}
.content-entry, 
.product__description, 
p, 
li { 
    color: #f0f0f0 !important; 
    line-height: 1.8; 
}
.content-entry a, 
.product__description a { 
    color: #ffb400 !important; 
    font-weight: 600; 
    text-decoration: underline; 
}
footer * { 
    color: #ffffff !important; 
}
.price__currency, 
.s-amount-currency { 
    color: #ffffff !important; 
}
/* 2️⃣ تنسيق صناديق التقسيط (تمارا، تابي، إمكان، مدفو) */
salla-installment .s-installment-madfu-wrapper,
salla-installment .s-installment-emkan-wrapper,
salla-installment .s-installment-tamara-wrapper {
  background: #22223a !important; 
  border-radius: 12px; 
  padding: 1rem; 
  border: 1px solid #444 !important; 
  margin-bottom: 1rem;
}
/* إجبار جميع النصوص والعملات داخل الصناديق لتكون بيضاء */
salla-installment .s-installment-madfu-wrapper *,
salla-installment .s-installment-emkan-wrapper *,
salla-installment .s-installment-tamara-wrapper *,
.tamara-product-widget,
.tamara-summary-widget__amount,
.tamara-summary-widget__inline__text {
  color: #ffffff !important;
}
/* تنسيق شعارات شركات التقسيط */
salla-installment img { 
    width: 85px !important; 
    background: #fff; 
    padding: 4px; 
    border-radius: 6px; 
}
/* 3️⃣ تنسيق الواتساب (الإعدادات العامة للزر) */
#karzoun-widget-send-button { 
    will-change: transform;
    animation: simple-scale 2s infinite ease-in-out !important;
    z-index: 2147483647 !important;
}
/* ⛔ إلغاء التأثيرات عن الأزرار الأخرى */
.s-contacts-item, 
.footer-item { 
    animation: none !important; 
    transform: none !important; 
}
/* 4️⃣ تنسيق الواتساب (خاص بالجوال لفك التداخل) */
@media (max-width: 768px) {
    #karzoun-widget-send-button {
        bottom: 100px !important;  /* رفع الزر 100 بكسل عن الأسفل */
        width: 55px !important;    /* شكل دائري صغير */
        height: 55px !important;
        padding: 0 !important;
        justify-content: center !important;
        border-radius: 50% !important;
        overflow: hidden !important;
        left: 20px !important;     /* مسافة جانبية آمنة */
    }
    
    /* إخفاء نص "تواصل معنا" لتوفير المساحة */
    #karzoun-widget-send-button div, 
    #karzoun-widget-send-button span { 
        display: none !important; 
    }
    
    /* توسيط أيقونة الواتساب */
    #karzoun-widget-send-button svg { 
        margin: 0 !important; 
        width: 32px !important; 
        height: 32px !important; 
    }
    
    /* مكان النقطة الحمراء (التنبيه) في الجوال */
    #karzoun-widget-send-button::after {
        content: ''; 
        position: absolute; 
        top: 10px !important; 
        right: 10px !important;
        width: 10px !important; 
        height: 10px !important; 
        background-color: #ff3b30 !important; 
        border-radius: 50% !important;
    }
}
/* 5️⃣ تنسيق الواتساب (للشاشات الكبيرة) */
@media (min-width: 769px) {
    #karzoun-widget-send-button::after {
        content: ''; 
        position: absolute; 
        top: 5px; 
        right: 5px;
        width: 8px; 
        height: 8px; 
        background-color: #ff3b30; 
        border-radius: 50%; 
        pointer-events: none;
    }
}
/* أنيميشن النبض الهادئ */
@keyframes simple-scale { 
  0% { transform: scale(1); } 
  50% { transform: scale(1.08); } 
  100% { transform: scale(1); } 
}