/* استيراد الخط بجميع أوزانه الأساسية */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&display=swap');

/* الخط لكل العناصر مع السماح بتغيير الأوزان بشكل طبيعي */
body, p, span, div, h1, h2, h3, h4, h5, h6, a, li, label, button, input {
    font-family: 'IBM Plex Sans Arabic', sans-serif !important;
}

/* السكربت البرمجي الكامل */
header .menu-toggle, 
header .salla-menu-toggle {
    font-size: 0 !important; 
}

header .menu-toggle i, 
header .menu-toggle svg, 
header .salla-menu-toggle i, 
header .salla-menu-toggle svg {
    font-size: 24px !important; 
}

header .menu-toggle span, 
header .salla-menu-toggle span {
    display: none !important;
}

/* تحويل جميع نصوص صفحة الشكر للون الأبيض */
.thankyou-block *, 
.thankyou-block.panel *, 
[class*="thankyou"] *, 
[class*="thank-you"] * {
    color: #FFFFFF !important;
}
[class^="sallaicon-"], [class*=" sallaicon-"], i, .fa, .fas, .far, .fal, .fab {
    font-family: 'sallaicon' !important;
}

/* لون الخلفية الرئيسي */
html, body {
    background-color: #191e39 !important;
}

@supports (padding-top: env(safe-area-inset-top)) {
    body { background-color: #191e39 !important; }
}

/* المربعات الرمادية في باقي المتجر */
.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200, 
.checkout-step, .panel, .card, .s-box, .box, section.bg-gray-50 {
    background-color: #191e39 !important;
    border: 1px solid #232a57 !important;
}

/* خلفية وإطار صفحة الشكر (الدعم الفني والبريد) */
.thankyou-block, .thankyou-block.panel, [class*="thankyou"] .panel, [class*="thankyou"] .box, [class*="thank-you"] .panel {
    background-color: #191e39 !important;
    border: 1px solid #2ba4d4 !important;
}

/* أسفل الصفحة لون أسود */
.s-footer-bottom,
.footer-bottom,
[class*="footer-bottom"],
[class*="copyright"] {
    background-color: #000000 !important;
}

/* شريط التمرير */
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: #000000; }
::-webkit-scrollbar-thumb { background: #232a57; border-radius: 4px; }

/* إخفاء الشعار القديم فوراً في كل مكان */
img[src*="b87b9a76-d7e2-48e0-b3f0-4aca632d81d3"] {
    visibility: hidden !important;
}

/* إظهار الجديد وضبط مقاسه في الجوال والبي سي */
.navbar-brand img[src*="b87b9a76-d7e2-48e0-b3f0-4aca632d81d3"] {
    visibility: visible !important;
    content: url('https://cdn.files.salla.network/homepage/436417813/8a15b4bd-594d-4cc4-b787-5b86c375787c.webp?_s_uploader_cache_bust=preview-f237eaw48') !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
}

/* منع تأثير الهوفر والضغط على شعار الفوتر */
.footer-logo,
.footer-logo a,
.footer-logo img {
    pointer-events: none !important;
}

/* wrapper الشعار */
.footer-logo, .footer-logo-wrapper {
    position: relative !important;
    display: inline-block !important;
    overflow: visible !important; 
}

/* توسيط الشعار في الجوال */
@media (max-width: 768px) {
    .footer-logo, .footer-logo-wrapper, .store-footer__logo {
        display: block !important;
        margin: 0 auto !important;
        width: fit-content !important; 
        text-align: center !important;
    }
    .store-footer .row > div:first-child, .s-footer-logo-container {
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
    }
}

/* نقطة الضوء خلف الجزء الأزرق */
.footer-logo::before {
    content: '' !important;
    position: absolute !important;
    top: 40% !important; 
    left: 10% !important; 
    width: 35% !important;
    height: 35% !important;
    background: rgba(0, 170, 255, 0.45) !important; 
    border-radius: 50% !important;
    filter: blur(18px) !important; 
    animation: blue-pulse 5s ease-in-out infinite !important; 
    z-index: 0 !important;
    pointer-events: none !important;
}

.footer-logo img {
    position: relative !important;
    z-index: 1 !important;
}

/* أنيميشن التنفس */
@keyframes blue-pulse {
    0%, 100% { opacity: 0.5; transform: scale(0.9); }
    20%, 80% { opacity: 1; transform: scale(1.35); }
}