/* إصلاحات شاملة لمشاكل التجاوب على الأجهزة المحمولة */
/* هذا الملف يحل مشكلة فقدان التجاوب بعد تحميل الصفحة */

/* إصلاحات أساسية للجوال */
@media screen and (max-width: 991.98px) {
    /* ضمان ثبات navbar */
    .navbar {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 1030 !important;
        width: 100% !important;
        background: rgba(239, 232, 216, 0.98) !important;
        backdrop-filter: blur(10px) !important;
        -webkit-backdrop-filter: blur(10px) !important;
        box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1) !important;
        transition: none !important; /* منع التأثيرات التي قد تسبب مشاكل */
    }
    
    /* إصلاح زر القائمة */
    .navbar-toggler {
        border: 2px solid rgba(128, 0, 0, 0.3) !important;
        border-radius: 8px !important;
        padding: 8px 12px !important;
        background: rgba(255, 255, 255, 0.9) !important;
        min-width: 44px !important;
        min-height: 44px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        -webkit-tap-highlight-color: transparent !important;
        touch-action: manipulation !important;
    }
    
    /* إصلاح القائمة المنسدلة */
    .navbar-collapse {
        background: rgba(255, 255, 255, 0.98) !important;
        margin-top: 15px !important;
        border-radius: 15px !important;
        padding: 25px 20px !important;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2) !important;
        border: 1px solid rgba(128, 0, 0, 0.15) !important;
        backdrop-filter: blur(10px) !important;
        -webkit-backdrop-filter: blur(10px) !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    /* إصلاح روابط القائمة */
    .navbar-nav {
        text-align: center !important;
        width: 100% !important;
        margin: 0 !important;
    }
    
    .navbar-nav .nav-item {
        margin: 3px 0 !important;
        width: 100% !important;
    }
    
    .navbar-nav .nav-link {
        padding: 15px 25px !important;
        margin: 5px 0 !important;
        border-radius: 12px !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        min-height: 50px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: rgba(248, 249, 250, 0.8) !important;
        border: 1px solid rgba(128, 0, 0, 0.1) !important;
        transition: all 0.3s ease !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    .navbar-nav .nav-link:hover,
    .navbar-nav .nav-link:focus {
        background: rgba(128, 0, 0, 0.1) !important;
        color: var(--accent-color, #800000) !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 15px rgba(128, 0, 0, 0.2) !important;
    }
    
    /* إصلاح القوائم المنسدلة الفرعية */
    .dropdown-menu {
        border: none !important;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2) !important;
        border-radius: 15px !important;
        margin-top: 10px !important;
        background: rgba(255, 255, 255, 0.98) !important;
        backdrop-filter: blur(10px) !important;
        -webkit-backdrop-filter: blur(10px) !important;
        width: 100% !important;
        position: static !important;
    }
    
    .dropdown-item {
        padding: 12px 25px !important;
        border-radius: 10px !important;
        margin: 3px 8px !important;
        transition: all 0.3s ease !important;
        min-height: 44px !important;
        display: flex !important;
        align-items: center !important;
        width: calc(100% - 16px) !important;
        box-sizing: border-box !important;
    }
    
    .dropdown-item:hover,
    .dropdown-item:focus {
        background: rgba(128, 0, 0, 0.1) !important;
        transform: translateX(5px) !important;
    }
}

/* إصلاحات خاصة بالآيفون */
@supports (-webkit-touch-callout: none) {
    /* منع مشاكل العرض في Safari */
    .navbar {
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0) !important;
        -webkit-backface-visibility: hidden !important;
        backface-visibility: hidden !important;
        -webkit-perspective: 1000px !important;
        perspective: 1000px !important;
    }
    
    .navbar-toggler {
        -webkit-tap-highlight-color: transparent !important;
        touch-action: manipulation !important;
        -webkit-user-select: none !important;
        user-select: none !important;
    }
    
    .navbar-nav .nav-link {
        -webkit-tap-highlight-color: rgba(128, 0, 0, 0.1) !important;
        -webkit-touch-callout: none !important;
        -webkit-user-select: none !important;
        user-select: none !important;
    }
    
    /* منع التكبير التلقائي */
    input, select, textarea {
        font-size: 16px !important;
        appearance: none !important;
        border-radius: 0 !important;
    }
    
    /* تحسين التمرير */
    * {
        -webkit-overflow-scrolling: touch !important;
        -webkit-tap-highlight-color: transparent !important;
        -webkit-touch-callout: none !important;
    }
}

/* إصلاحات للأندرويد والسامسونغ */
@media screen and (max-width: 991px) and (orientation: portrait) {
    .navbar {
        will-change: transform !important;
        contain: layout style paint !important;
    }
    
    .navbar-collapse {
        will-change: opacity, transform !important;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    }
    
    .navbar-nav .nav-link {
        will-change: background-color, transform !important;
    }
}

/* إصلاحات للشاشات عالية الدقة */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .navbar-brand img {
        image-rendering: -webkit-optimize-contrast !important;
        image-rendering: crisp-edges !important;
    }
    
    .navbar-toggler-icon {
        background-size: 100% 100% !important;
    }
}

/* إصلاحات للوضع الأفقي على الجوالات */
@media screen and (max-height: 500px) and (orientation: landscape) {
    .navbar {
        padding: 0.2rem 0 !important;
        min-height: 50px !important;
    }
    
    .navbar-brand img {
        height: 32px !important;
        max-height: 32px !important;
    }
    
    .navbar-toggler {
        padding: 5px 8px !important;
        min-width: 36px !important;
        min-height: 36px !important;
    }
    
    .navbar-collapse {
        padding: 10px !important;
        margin-top: 5px !important;
    }
    
    .navbar-nav .nav-link {
        padding: 6px 12px !important;
        min-height: 36px !important;
        font-size: 13px !important;
    }
}

/* إصلاحات للجوالات الصغيرة */
@media (max-width: 575.98px) {
    .navbar {
        padding: 0.3rem 0 !important;
        min-height: 56px !important;
    }
    
    .container {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    
    .navbar-brand img {
        height: 38px !important;
        max-height: 38px !important;
        width: auto !important;
    }
    
    .navbar-toggler {
        padding: 8px 12px !important;
        font-size: 14px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        border-radius: 10px !important;
    }
    
    .navbar-collapse {
        padding: 18px 12px !important;
        margin-top: 10px !important;
        border-radius: 10px !important;
    }
    
    .navbar-nav .nav-link {
        font-size: 14px !important;
        padding: 10px 15px !important;
        min-height: 44px !important;
        margin: 3px 0 !important;
        border-radius: 10px !important;
    }
}

/* إصلاحات للآيفون الصغير */
@media (max-width: 480px) {
    .navbar {
        padding: 0.2rem 0 !important;
    }
    
    .navbar-brand img {
        height: 35px !important;
        max-height: 35px !important;
    }
    
    .navbar-toggler {
        padding: 6px 10px !important;
        min-width: 40px !important;
        min-height: 40px !important;
    }
    
    .navbar-collapse {
        padding: 15px 10px !important;
        margin-top: 8px !important;
    }
    
    .navbar-nav .nav-link {
        font-size: 13px !important;
        padding: 8px 12px !important;
        min-height: 40px !important;
    }
}

/* إصلاحات خاصة بالسامسونغ والأندرويد */
@media screen and (-webkit-min-device-pixel-ratio: 2) {
    .navbar-toggler {
        -webkit-appearance: none !important;
        appearance: none !important;
    }
    
    .navbar-nav .nav-link {
        -webkit-tap-highlight-color: rgba(128, 0, 0, 0.1) !important;
    }
}

/* ضمان عدم تأثر التجاوب بالـ JavaScript */
.mobile-device .navbar,
.ios-device .navbar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1030 !important;
    width: 100% !important;
}

/* إصلاحات للتحميل المتأخر */
.navbar.loaded {
    transition: all 0.3s ease !important;
}

.navbar:not(.loaded) {
    transition: none !important;
}

/* منع مشاكل الفلاش */
@media (max-width: 991.98px) {
    .navbar * {
        -webkit-font-smoothing: antialiased !important;
        -moz-osx-font-smoothing: grayscale !important;
    }
}