/* ==========================================================================
   1. إعدادات الحاوية الكبرى للفوتر (الشاشات الكبيرة - اللاب توب)
   ========================================================================== */
.store-footer {
    background-color: #f2f2f2 !important;
    clip-path: ellipse(150% 100% at 50% 100%);
    padding-top: 60px !important;
    padding-bottom: 100px !important; 
    position: relative !important;
}

.store-footer div.container.without-apps-footer {
    padding-bottom: 120px !important; 
}

/* ==========================================================================
   2. روابط الفوتر (كولمن في اليمين ومزقوق للشمال - اللاب توب)
   ========================================================================== */
.store-footer .footer-menu-list {
    position: absolute !important;
    top: 100px !important;       
    right: 180px !important;     
    left: auto !important;
    display: flex !important;
    flex-direction: column !important; 
    align-items: flex-end !important;   
    gap: 16px !important;        
    z-index: 99 !important;      
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

.store-footer .footer-menu-list li {
    display: block !important;
    text-align: right !important; 
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.store-footer .footer-menu-list li a {
    font-size: 17px !important;  
    font-weight: 600 !important; 
    color: #1f1c17 !important;   
    white-space: nowrap !important; 
}

/* ==========================================================================
   3. السجل التجاري ومنصة الأعمال (جهة اليسار - اللاب توب)
   ========================================================================== */
.store-footer div.flex.flex-wrap.gap-8.items-center.justify-center {
    position: absolute !important;
    left: 4% !important;      
    top: 165px !important;    
    margin: 0 !important;
    z-index: 10 !important;
}

/* ==========================================================================
   4. رقم الجوال والسوشيال ميديا والحقوق (أسفل المنتصف - اللاب توب)
   ========================================================================== */
.store-footer .contacts-list {
    position: absolute !important;
    bottom: 80px !important;    
    left: 50% !important;       
    transform: translateX(-50%) !important; 
    width: auto !important;
    display: flex !important;
    justify-content: center !important;
    margin: 0 !important;
    z-index: 10 !important;
}

.footer-social-section {
    position: absolute !important;
    bottom: 30px !important;    
    left: 50% !important;       
    transform: translateX(-50%) !important; 
    width: auto !important;
    display: flex !important;
    justify-content: center !important;
    z-index: 10 !important;
}

.copyright-text {
    width: 100% !important;
    text-align: right !important; 
    display: block !important;
    margin-top: 15px !important; 
}

.copyright-text p {
    text-align: right !important;
    justify-content: flex-start !important;
}

/* ==========================================================================
   5. التجاوب الكامل للجوال (إلغاء المسافة الزائدة وقفل العناصر نظيف)
   ========================================================================== */
@media (max-width: 768px) {
    .store-footer {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
        position: relative !important;
        display: block !important;
    }

    .store-footer div.container.without-apps-footer,
    .store-footer__inner,
    .store-footer .without-apps-footer {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        gap: 0 !important; 
    }

    .store-footer .footer-main-row,
    .store-footer .footer-bottom,
    .store-footer div.grid,
    .store-footer__inner > div {
        display: contents !important; 
    }

    /* [كتلة 1] اللوجو ووصف المتجر */
    .store-footer .max-w-3xl,
    .store-footer__inner > div:first-child {
        position: relative !important;
        top: auto !important; left: auto !important; transform: none !important;
        width: 100% !important;
        text-align: center !important;
        margin: 0 auto 35px auto !important; 
    }

    /* [كتلة 2] الرقم الضريبي ومنصة الأعمال */
    .store-footer div.flex.flex-wrap.gap-8.items-center.justify-center,
    .store-footer .footer-badges,
    .store-footer div[class*="gap-8"][class*="justify-center"] {
        position: relative !important;
        top: auto !important; left: auto !important; transform: none !important;
        display: flex !important;
        flex-direction: column !important; 
        align-items: center !important;
        justify-content: center !important;
        gap: 1.5rem !important;            
        width: 100% !important;
        margin: 0 auto 40px auto !important; 
    }

    /* [كتلة 3] الروابط المهمة (الصفحات) */
    .store-footer .footer-menu-list {
        position: relative !important;
        top: auto !important; right: auto !important; left: auto !important; transform: none !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 1.2rem !important;            
        width: 100% !important;
        margin: 0 auto 30px auto !important; 
    }

    .store-footer .footer-menu-list li {
        text-align: center !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* [كتلة 4] رقم الجوال والإيميل -> تم تصفير الـ margin تماماً لقتل الفراغ */
    .store-footer .contacts-list {
        position: relative !important;
        top: auto !important; bottom: auto !important; left: auto !important; transform: none !important;
        display: flex !important;
        flex-direction: column !important; 
        align-items: center !important;
        justify-content: center !important;
        gap: 0.8rem !important;               
        width: 100% !important;
        margin: 0 auto 0 auto !important; /* تصفير المارجن السفلي ليلتصق بالسوشيال ميديا */
    }

    /* [كتلة 5] أيقونات السوشيال ميديا -> تم تقريبها للأعلى بمارجن علوي صغير */
    .footer-social-section {
        position: relative !important;
        top: auto !important; bottom: auto !important; left: auto !important; transform: none !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 1.5rem !important;             
        width: 100% !important;
        margin: 15px auto 40px auto !important; /* مسافة 15px فقط لفصلها بنظافة عن الإيميل */
    }

    /* [كتلة 6] شريط الحقوق محفوظة */
    .copyright-text, .copyright-text p {
        position: relative !important;
        top: auto !important; bottom: auto !important; left: auto !important; transform: none !important;
        text-align: center !important;
        justify-content: center !important;
        width: 100% !important;
        margin: 0 auto !important;
    }

    /* [7] زق المربع الأبيض الصغير العائم لقاع الفوتر بالكامل */
    #getbutton-container, 
    .getbutton-widget,
    [id*="getbutton"], 
    div.bg-white.w-10.h-10 { 
        bottom: 10px !important;    
        z-index: 999 !important;
    }
}