/* =====================================
   Dropdown Language Switcher Fix
   إصلاح شامل لمشكلة dropdown على الموبايل
   ===================================== */

/* الحل الجذري - إزالة جميع التعارضات */

/* Desktop - عادي */
@media (min-width: 992px) {
    .lang-switcher {
        position: relative;
        z-index: 1000;
        min-width: 120px;
    }
}

/* Mobile - إصلاح شامل */
@media (max-width: 991px) {
    
    /* 1. إزالة position من جميع parent elements */
    .main-navbar,
    .navbar,
    .navbar-collapse,
    .navbar-nav,
    .nav-item,
    #language-form {
        overflow: visible !important;
    }
    
    /* 2. select element نفسه */
    .lang-switcher {
        position: static !important;
        z-index: 99999 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0.5rem 0 !important;
        display: block !important;
        
        /* للتأكد من ظهور native dropdown */
        appearance: auto !important;
        -webkit-appearance: menulist !important;
        -moz-appearance: menulist !important;
    }
    
    /* 3. Form container */
    #language-form {
        width: 100% !important;
        padding: 0 0.5rem !important;
        position: static !important;
        display: block !important;
        overflow: visible !important;
    }
    
    /* 4. Nav item container */
    .navbar-nav .nav-item:has(form),
    .navbar-nav .nav-item:has(select) {
        position: static !important;
        overflow: visible !important;
        width: 100% !important;
        z-index: 99999 !important;
    }
    
    /* 5. منع أي clipping من navbar-collapse */
    .main-navbar .navbar-collapse,
    .main-navbar .navbar-collapse.show {
        overflow: visible !important;
        clip-path: none !important;
        -webkit-clip-path: none !important;
    }
    
    /* 6. إصلاح ul و li */
    .navbar-nav {
        overflow: visible !important;
        position: static !important;
    }
    
    .navbar-nav .nav-item {
        overflow: visible !important;
        position: static !important;
    }
}

/* إصلاح إضافي لـ Safari و iOS */
@supports (-webkit-touch-callout: none) {
    .lang-switcher {
        -webkit-appearance: menulist !important;
    }
}