/* تصميم الشاشة الترحيبية بخلفية ضبابية زجاجية */
#cubo-splash-screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    /* خلفية بيضاء شفافة جداً مع تأثير الضباب الهجين */
    background-color: rgba(255, 255, 255, 0.4); 
    backdrop-filter: blur(15px); /* هذا السطر يقوم بعمل الضباب (Blur) للمتجر بالخلفية */
    -webkit-backdrop-filter: blur(15px); /* لدعم متصفحات آبل وسفاري */
    
    z-index: 9999999 !important; 
    display: flex;
    justify-content: center;
    align-items: center;
}

/* حجم الشعار وحركة أنيميشن النبض السريع ليناسب الوقت الجديد */
.splash-logo {
    width: 160px; 
    height: auto;
    animation: cuboHeartbeat 0.9s infinite ease-in-out; /* تم تسريع النبض ليتناسق مع سرعة الصفحة */
}

/* حركة نبض القلب */
@keyframes cuboHeartbeat {
    0% {
        transform: scale(1);
    }
    14% {
        transform: scale(1.15);
    }
    28% {
        transform: scale(1);
    }
    42% {
        transform: scale(1.15);
    }
    70% {
        transform: scale(1);
    }
}








/* 1. تغيير خلفية الموقع والأقسام الرئيسية فقط دون التأثير على الهيكل */
body, html, #app, .main-wrapper, .store-content {
    background-color: #2896b3 !important;
}

/* 2. جعل العناوين والنصوص الخارجية فقط باللون الأبيض لتناسب الخلفية */
h1, h2, h3, h4, h5, h6, .section-title, .show-all, .footer-title {
    color: #ffffff !important;
}

/* 3. تقويس خفيف جداً وأنيق لآراء العملاء والمنتجات مع الحفاظ على تباعدها */
.product-card, .testimonial-item, .opinion-card, .card {
    border-radius: 8px !important; /* انحناء بسيط وناعم متناسق */
    overflow: hidden !important;
    background-color: #ffffff !important;
    border: none !important;
    /* الحفاظ على الهوامش والمسافات الطبيعية بين المنتجات كي لا تلتصق */
    margin: 8px !important; 
}

/* 4. حماية نصوص البطاقات لتبقى باللون الداكن والواضح */
.product-card *, .testimonial-item *, .opinion-card *, .card * {
    color: #222222 !important;
}

/* 5. حل مشكلة لوجو الدفع وإزالة الخلفية البيضاء عنه */
.payment-methods img, .payment-icon, svg, [class*="payment"] {
    background-color: transparent !important;
    mix-blend-mode: normal !important;
    opacity: 1 !important;
}