/* ================================
   Header Large Screens Fixes
   إصلاحات شاملة للشاشات الكبيرة
   ================================ */

/* إعدادات الحاوي للشاشات الكبيرة */
@media (min-width: 1366px) {
    .header-desktop-custom {
        max-width: 100vw;
        margin: 0 auto;
        position: relative;
        overflow: visible;
    }

    .header-desktop-custom::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: inherit;
        z-index: -1;
    }
}

/* شاشات كبيرة جداً (1600px+) */
@media (min-width: 1600px) {
    .header-desktop {
        padding: 1.5rem 5rem;
        justify-content: space-between;
        align-items: center;
        gap: 2rem;
    }

    .logo-section-desktop {
        flex: 0 0 auto;
        min-width: 250px;
        max-width: 350px;
    }

    .nav-section-desktop {
        flex: 1 1 auto;
        min-width: 400px;
        max-width: calc(100vw - 1000px);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .action-section-desktop {
        flex: 0 0 auto;
        min-width: 350px;
        max-width: 500px;
        justify-content: flex-end;
    }

    /* تباعد عناصر التنقل */
    .nav-links-container-desktop {
        gap: 3rem;
        justify-content: center;
        flex-wrap: nowrap;
    }

    /* إصلاحات مواضع القوائم المنسدلة */
    .dropdown-content-desktop,
    .language-dropdown,
    .user-dropdown-menu-desktop {
        position: absolute;
        right: 0;
        left: auto;
        transform-origin: top right;
        max-width: 400px;
    }

    /* إصلاحات RTL للشاشات الكبيرة */
    [dir="rtl"] .dropdown-content-desktop,
    [dir="rtl"] .language-dropdown,
    [dir="rtl"] .user-dropdown-menu-desktop {
        left: 0;
        right: auto;
        transform-origin: top left;
    }
}

/* شاشات فائقة العرض (1920px+) */
@media (min-width: 1920px) {
    .header-desktop {
        padding: 2rem 6rem;
        max-width: 100vw;
    }

    .logo-section-desktop {
        min-width: 300px;
    }

    .nav-section-desktop {
        max-width: calc(100vw - 1200px);
    }

    .action-section-desktop {
        min-width: 400px;
    }

    .nav-links-container-desktop {
        gap: 4rem;
    }
}

/* شاشات 4K (2560px+) */
@media (min-width: 2560px) {
    .header-desktop {
        padding: 2.5rem 8rem;
    }

    .logo-section-desktop {
        min-width: 400px;
    }

    .nav-section-desktop {
        max-width: calc(100vw - 1600px);
    }

    .action-section-desktop {
        min-width: 500px;
    }

    .nav-links-container-desktop {
        gap: 5rem;
    }

    .nav-item-desktop {
        padding: 1rem 1.5rem;
        font-size: 1.1rem;
    }
}

/* شاشات 8K (7680px+) */
@media (min-width: 7680px) {
    .header-desktop {
        padding: 3rem 12rem;
        font-size: 1.2rem;
    }

    .nav-links-container-desktop {
        gap: 6rem;
    }

    .nav-item-desktop {
        padding: 1.25rem 2rem;
        font-size: 1.3rem;
    }

    .logo-title-desktop {
        font-size: 2.5rem;
    }
}

/* شاشات فائقة العرض */
@media (min-aspect-ratio: 21/9) {
    .header-desktop {
        padding-left: 8rem;
        padding-right: 8rem;
    }

    .nav-section-desktop {
        max-width: calc(100vw - 1400px);
    }
}

/* منع overflow للقوائم المنسدلة */
@media (min-width: 1440px) {
    .language-selector {
        position: relative;
    }

    .language-dropdown {
        position: absolute;
        right: 0;
        left: auto;
        min-width: 220px;
        max-width: 350px;
        /* ضمان عدم خروج القائمة من الشاشة */
        transform: translateX(0);
    }

    .user-dropdown-menu-desktop {
        right: 0;
        left: auto;
        max-width: 400px;
        /* ضمان عدم خروج قائمة المستخدم من الشاشة */
        transform-origin: top right;
    }

    .dropdown-content-desktop {
        right: 0;
        left: auto;
        max-width: 300px;
    }

    /* تعديلات RTL */
    [dir="rtl"] .language-dropdown {
        left: 0;
        right: auto;
        transform-origin: top left;
    }

    [dir="rtl"] .user-dropdown-menu-desktop {
        left: 0;
        right: auto;
        transform-origin: top left;
    }

    [dir="rtl"] .dropdown-content-desktop {
        left: 0;
        right: auto;
    }
}

/* عرض الرصيد تحت الهيدر - تعديلات الشاشات الكبيرة */
@media (min-width: 1440px) {
    .balance-display-below-header {
        position: fixed;
        top: 100px;
        z-index: 999;
    }

    [dir="ltr"] .balance-display-below-header {
        right: 30px;
    }

    [dir="rtl"] .balance-display-below-header {
        left: 30px;
    }
}

@media (min-width: 1920px) {
    .balance-display-below-header {
        top: 110px;
    }

    [dir="ltr"] .balance-display-below-header {
        right: 50px;
    }

    [dir="rtl"] .balance-display-below-header {
        left: 50px;
    }
}

/* إصلاح محاذاة عناصر التنقل */
@media (min-width: 1366px) {
    .nav-item-desktop {
        white-space: nowrap;
        flex-shrink: 0;
    }

    .nav-item-desktop i {
        flex-shrink: 0;
    }

    .nav-item-desktop span {
        flex-shrink: 0;
    }
}

/* ضمان بقاء مكونات الهيدر داخل الحدود */
@media (min-width: 1200px) {
    .header-desktop * {
        box-sizing: border-box;
    }

    .header-desktop {
        contain: layout style;
    }

    /* منع أي عنصر فرعي من التسبب في overflow */
    .logo-section-desktop,
    .nav-section-desktop,
    .action-section-desktop {
        overflow: visible;
        flex-shrink: 0;
    }
}

/* تحسينات للشاشات عالية الدقة */
@media (min-device-pixel-ratio: 2) and (min-width: 1440px),
       (-webkit-min-device-pixel-ratio: 2) and (min-width: 1440px) {
    .header-desktop {
        border-bottom-width: 2px;
    }

    .dropdown-content-desktop,
    .language-dropdown,
    .user-dropdown-menu-desktop {
        border-width: 1px;
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
    }
}

/* شاشات الألعاب (144Hz/240Hz) */
@media (min-width: 1920px) and (min-height: 1080px) {
    .header-desktop {
        will-change: transform;
    }

    .nav-item-desktop,
    .language-selector-trigger,
    .user-dropdown-trigger-desktop {
        will-change: transform, background-color;
    }
}

/* شاشة الألعاب فائقة العرض (3440x1440) */
@media (min-width: 3440px) and (max-height: 1440px) {
    .header-desktop {
        padding: 1.5rem 10rem;
    }

    .nav-section-desktop {
        max-width: calc(100vw - 2000px);
    }
}

/* شاشة فائقة العرض (5120x1440) */
@media (min-width: 5120px) and (max-height: 1440px) {
    .header-desktop {
        padding: 1.75rem 15rem;
    }

    .nav-links-container-desktop {
        gap: 6rem;
    }
}

/* تحسينات إمكانية الوصول للشاشات الكبيرة */
@media (min-width: 1440px) {
    .nav-item-desktop:focus,
    .language-selector-trigger:focus,
    .user-dropdown-trigger-desktop:focus {
        outline: 2px solid var(--color-game-neon-cyan);
        outline-offset: 2px;
    }

    /* تحسين أهداف اللمس على الشاشات الكبيرة مع إمكانية اللمس */
    @media (hover: none) and (pointer: coarse) {
        .nav-item-desktop,
        .language-selector-trigger,
        .user-dropdown-trigger-desktop {
            min-height: 48px;
            min-width: 48px;
        }
    }
}

/* أنماط الطباعة */
@media print {
    .header-desktop {
        position: static;
        background: white !important;
        color: black !important;
        box-shadow: none !important;
        border-bottom: 2px solid black;
    }

    .dropdown-content-desktop,
    .language-dropdown,
    .user-dropdown-menu-desktop {
        display: none !important;
    }
}