/* ===== فوتر المتجر - ترتيب 4 أعمدة ===== */

footer .footer-main {
    width: 100% !important;
}

footer .footer-main .container {
    width: 100% !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
}

/* منطقة الأعمدة */
footer .footer-main .row {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    direction: rtl !important;
    align-items: start !important;
    gap: 0 !important;
}

/* أعمدة الفوتر */
footer .footer-main .row > div,
footer .footer-main .row > section,
footer .footer-main .row > salla-menu,
footer .footer-main .row > salla-contacts {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    float: none !important;
    flex: none !important;
    padding: 0 30px !important;
    box-sizing: border-box !important;
}

/* الفواصل بين الأعمدة */
footer .footer-main .row > div:not(:last-child),
footer .footer-main .row > section:not(:last-child),
footer .footer-main .row > salla-menu:not(:last-child) {
    border-left: 1px solid rgba(200,162,97,.25) !important;
}

/* عناوين الأعمدة */
footer .footer-title,
footer .footer-title span {
    color: #C8A261 !important;
}

/* روابط الفوتر */
footer .footer-links a,
footer salla-menu a {
    color: #F2F2EE !important;
}

/* عند مرور الماوس */
footer .footer-links a:hover,
footer salla-menu a:hover {
    color: #D5B06D !important;
}

/* ===== الشاشات الصغيرة ===== */
@media (max-width: 768px) {

    footer .footer-main .row {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    footer .footer-main .row > div,
    footer .footer-main .row > section,
    footer .footer-main .row > salla-menu {
        padding: 20px 15px !important;
    }
}