/* 1. تقليل مساحات الفوتر الرئيسية */
.site-footer, .main-footer {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

/* 2. إخفاء عناوين القوائم (مثل: من نحن، تواصل معنا) لتوفير مساحة */
.footer-title, .footer-widget-title {
    display: none !important;
}

/* 3. تحويل الروابط لتظهر بجانب بعضها (أفقي) */
.footer-links ul, .footer-list, .footer-menu {
    display: flex !important;
    justify-content: center !important; /* توسيط الروابط */
    flex-wrap: wrap !important; /* السماح بالنزول لسطر جديد لو الشاشة صغيرة */
    gap: 15px !important; /* مسافة بين كل رابط */
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

/* 4. تصميم إبداعي للروابط (شكل كبسولة صغيرة) */
.footer-links li a, .footer-list li a {
    background: rgba(0,0,0,0.05); /* خلفية خفيفة جداً */
    padding: 5px 15px !important;
    border-radius: 20px; /* حواف دائرية */
    font-size: 12px !important;
    text-decoration: none !important;
    transition: all 0.3s ease;
    display: block !important;
}

/* 5. تأثير عند مرور الماوس (يتحول للون المتجر) */
.footer-links li a:hover, .footer-list li a:hover {
    background: var(--main-color) !important; /* يستخدم لون القالب الرئيسي */
    color: #fff !important;
    transform: translateY(-2px); /* يرتفع قليلاً لأعلى */
}

/* 6. إخفاء القوائم البريدية أو العناصر العريضة الأخرى إن وجدت */
.footer-newsletter, .mailing-list {
    display: none !important;
}