/* اخفاء خيارات المنتجات */
custom-salla-product-card.kiswa-prod-card-v2 .kiswa-prod-attrs-wrap,
div.kiswa-prod-attrs-wrap,
.kiswa-prod-attrs {
    display: none !important;
}
/* توحيد وتوسيط جميع عناصر الفوتر والأيقونات والخطوط للجوال */
@media (max-width: 768px) {
    /* 1. توسيط النصوص والعناوين والشبكة */
    .kiswa-footer,
    .kiswa-footer__grid,
    .kiswa-footer__heading,
    .kiswa-footer-menu-host,
    .kiswa-footer p,
    .kiswa-footer div {
        text-align: center !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* 2. توسيط أزرار وأيقونات التواصل الاجتماعي */
    .kiswa-footer div[class*="social"],
    .kiswa-footer .social-icons,
    .kiswa-footer ul[class*="social"],
    .kiswa-footer a[class*="social"] {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 100% !important;
    }

/* ==========================================
   1. إخفاء حقوق الثيم وأيقونة الوضع الليلي
   ========================================== */
.kiswa-footer__copyright,
div.kiswa-footer__copyright {
    display: none !important;
}

#kiswa-theme-toggle,
button#kiswa-theme-toggle {
    display: none !important;
}


/* ==========================================
   2. إعدادات الهيدر والشعار (اللوقو)
   ========================================== */
/* الشاشات الكبيرة (الكمبيوتر) */
.kiswa-header__inner {
    height: 100px !important;
}

.kiswa-header img,
header .navbar-brand img {
    height: 80px !important;
    max-height: 80px !important;
    width: auto !important;
    object-fit: contain !important;
}

/* الجوال فقط */
@media (max-width: 768px) {
    .kiswa-header__inner {
        height: 70px !important;
        position: relative !important;
    }

    .kiswa-header img,
    header .navbar-brand img {
        height: 55px !important;
        max-height: 55px !important;
    }

    /* توسيط اللوقو في الجوال */
    .kiswa-header__inner > div:has(a.navbar-brand) {
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        margin: 0 !important;
        padding: 0 !important;
        width: auto !important;
        justify-content: center !important;
    }
}


/* ==========================================
   3. إصلاح صور المنتجات وتعبئة الكارت بالكامل
   ========================================== */
salla-product-card img,
.s-product-card-image img,
.product-card img {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: cover !important;
}


/* ==========================================
   4. تنسیقات وتوسيط الفوتر للـجـوال
   ========================================== */
@media (max-width: 768px) {
    /* توسيط الخط الفاصل والعناوين */
    .kiswa-footer .kiswa-footer__heading::after,
    .kiswa-footer h5::after,
    .kiswa-footer span[class*="line"],
    .kiswa-footer div[class*="line"] {
        margin-left: auto !important;
        margin-right: auto !important;
        left: 0 !important;
        right: 0 !important;
    }

    /* توسيط الشعار في الفوتر */
    .kiswa-footer img {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* توسيط قسم تواصل معنا والخط التابع له */
    salla-contacts,
    .footer-contacts,
    div:has(> salla-contacts) {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
    }

    salla-contacts *::after,
    salla-contacts *::before,
    .footer-contacts *::after,
    .footer-contacts *::before {
        margin-left: auto !important;
        margin-right: auto !important;
        left: 0 !important;
        right: 0 !important;
    }
}

/* إخفاء أيقونة تبديل الوضع الليلي من الهيدر */
#kiswa-theme-toggle,
button#kiswa-theme-toggle {
    display: none !important;
}