/* =========================================================
   تنسيقات الفوتر النهائية (شعار أبيض + أيقونات كبيرة)
   ========================================================= */

/* ---------------------------------------------------------
   1. الشعار الأبيض الجديد (Clean White Logo)
   --------------------------------------------------------- */
footer img[src*="logo"], 
div[class*="footer"] img[src*="logo"],
.footer-logo img {
    max-height: 220px !important;  /* تكبير الشعار ليكون واضحاً */
    width: auto !important;
    
    /* إلغاء تأثيرات الدمج القديمة ليظهر اللون الأبيض ناصعاً */
    mix-blend-mode: normal !important; 
    filter: none !important;
    background: transparent !important;
    opacity: 1 !important;
    margin-bottom: 20px !important;
}

/* ---------------------------------------------------------
   2. تكبير أيقونات السوشيال ميديا (Social Icons Size)
   --------------------------------------------------------- */
footer .social-icons a, 
footer .social-links a,
footer a[href*="snapchat"],
footer a[href*="instagram"],
footer a[href*="tiktok"] {
    display: inline-block !important;
    margin: 0 10px !important; /* تباعد بين الأيقونات */
    text-decoration: none !important;
}

/* تكبير الحجم الفعلي للأيقونة (سواء كانت صورة أو خط) */
footer .social-icons a i, 
footer .social-links a i,
footer .social-icons a svg,
footer .social-links a svg,
footer a[href*="snapchat"] svg,
footer a[href*="instagram"] svg {
    font-size: 30px !important; /* تكبير حجم الخط للأيقونة */
    width: 30px !important;     /* تكبير العرض للصور */
    height: 30px !important;    /* تكبير الارتفاع للصور */
    line-height: 30px !important;
    transition: transform 0.2s ease; /* حركة ناعمة */
}

/* تكبير الأيقونة قليلاً عند مرور الماوس */
footer .social-icons a:hover svg,
footer .social-icons a:hover i {
    transform: scale(1.2); 
}

/* ---------------------------------------------------------
   3. تلوين الأيقونات (ألوان البراند الأصلية)
   --------------------------------------------------------- */
/* سناب شات (أصفر) */
footer a[href*="snapchat"] i, footer a[href*="snapchat"] svg {
    color: #FFFC00 !important;
    fill: #FFFC00 !important;
}

/* انستجرام (وردي) */
footer a[href*="instagram"] i, footer a[href*="instagram"] svg {
    color: #E1306C !important;
    fill: #E1306C !important;
}

/* تيك توك وتويتر (أبيض) */
footer a[href*="tiktok"] i, footer a[href*="tiktok"] svg,
footer a[href*="twitter"] i, footer a[href*="twitter"] svg,
footer a[href*="x.com"] svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* واتساب (أخضر فاتح) */
footer a[href*="whatsapp"] i, footer a[href*="whatsapp"] svg {
    color: #25D366 !important;
    fill: #25D366 !important;
}

/* ---------------------------------------------------------
   4. زر الاشتراك (أبيض وإطار)
   --------------------------------------------------------- */
footer .newsletter button,
footer .newsletter .btn,
footer button[type="submit"] {
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
    background-color: transparent !important;
    font-weight: bold !important;
}

footer .newsletter button:hover {
    background-color: #ffffff !important;
    color: #0b3b24 !important;
}

/* حماية أيقونات الدفع من التأثر */
footer .payment-methods svg, 
footer .payment-methods img {
    filter: none !important;
    fill: initial !important;
    mix-blend-mode: normal !important;
    width: auto !important; /* الحفاظ على حجمها الطبيعي */
    height: auto !important;
}

/* =========================================================
   إزالة الخلفيات والأشكال الهندسية خلف أيقونات السوشيال ميديا
   ========================================================= */

/* 1. إزالة الخلفية من الحاويات الرئيسية (li, a) */
footer .social-icons li, 
footer .social-links li,
footer .social-icons a, 
footer .social-links a,
footer .list-inline-item {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important; /* لضمان عدم وجود صورة خلفية */
    border: none !important;
    box-shadow: none !important;
}

/* 2. إخفاء العناصر الوهمية (::before, ::after) التي ترسم الأشكال */
/* هذا الجزء هو الأهم لإزالة الشكل السداسي */
footer .social-icons li::before, 
footer .social-icons li::after,
footer .social-icons a::before, 
footer .social-icons a::after,
footer .social-links li::before, 
footer .social-links li::after {
    display: none !important;
    content: none !important;
    background: transparent !important;
}

/* 3. ضمان عدم وجود حدود أو حواف ملونة */
footer .social-icons,
footer .social-links {
    border: none !important;
}
/* =========================================
   إصلاح محاذاة شعار تيك توك يدوياً
   ========================================= */
footer a[href*="tiktok"] i,
footer a[href*="tiktok"] svg {
    position: relative !important;
    
    /* تحريك الشعار للأسفل قليلاً ولليمين */
    top: 3px !important;   
    left: 1px !important;  
    
    /* تكبيره قليلاً ليعادل الوزن البصري لباقي الشعارات */
    transform: scale(1.1) !important; 
}