/* =====================================================
   TURKISHCHE — MOBILE HEADER / PROFILE FIX
   ===================================================== */

@media (max-width: 767.98px) {

    /* Dil seçici daha az yer kaplasın. */
    .tc-language-switcher {
        flex: 0 0 auto !important;
        width: 34px !important;
        min-width: 34px !important;
        margin-left: 2px !important;
        margin-right: 2px !important;
    }

    .tc-language-button {
        width: 34px !important;
        min-width: 34px !important;
        height: 34px !important;
        min-height: 34px !important;
        padding: 0 !important;
        gap: 0 !important;
        border-radius: 9px !important;
    }

    .tc-language-globe {
        font-size: 15px !important;
    }

    .tc-language-current,
    .tc-language-chevron {
        display: none !important;
    }

    /* Profil menüsü her zaman görünür kalsın. */
    .usermenu,
    [data-region="user-menu"] {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        flex: 0 0 auto !important;
        min-width: 36px !important;
        max-width: 42px !important;
        margin-left: 2px !important;
        overflow: visible !important;
    }

    .usermenu .userbutton,
    [data-region="user-menu"] .userbutton,
    .usermenu [data-action="toggle-menu"],
    [data-region="user-menu"] [data-action="toggle-menu"] {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-width: 36px !important;
        width: 36px !important;
        height: 36px !important;
        padding: 0 !important;
    }

    .usermenu .userinitials,
    [data-region="user-menu"] .userinitials {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        font-size: 12px !important;
    }

    /* Kullanıcı adı varsa mobilde yalnızca avatar görünsün. */
    .usermenu .usertext,
    [data-region="user-menu"] .usertext {
        display: none !important;
    }

    /* Sağ üst araç grubunun elemanları sıkışmasın. */
    .navbar .usermenu,
    .navbar [data-region="user-menu"],
    .navbar .tc-language-switcher {
        flex-shrink: 0 !important;
    }

    .tc-language-menu {
        right: -42px !important;
        min-width: 165px !important;
        z-index: 10000 !important;
    }
}


/* =====================================================
   TURKISHCHE — MOBILE HEADER WIDTH FIX
   ===================================================== */

@media (max-width: 767.98px) {

    .navbar {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    .navbar-brand,
    .navbar .logo {
        flex: 0 1 auto !important;
        max-width: 120px !important;
        margin-left: 4px !important;
        margin-right: 4px !important;
    }

    .navbar-brand img,
    .navbar .logo img {
        max-width: 115px !important;
        height: auto !important;
    }

    .navbar .navbar-nav,
    .navbar .d-flex.align-items-center {
        gap: 2px !important;
        margin-left: auto !important;
        min-width: 0 !important;
    }

    .navbar .popover-region,
    .navbar [data-region="popover-region"] {
        flex: 0 0 34px !important;
        width: 34px !important;
        min-width: 34px !important;
        margin: 0 !important;
    }

    .tc-language-switcher {
        width: 32px !important;
        min-width: 32px !important;
        margin: 0 1px !important;
    }

    .tc-language-button {
        width: 32px !important;
        min-width: 32px !important;
        height: 34px !important;
    }

    .usermenu,
    [data-region="user-menu"] {
        width: 36px !important;
        min-width: 36px !important;
        max-width: 36px !important;
        margin: 0 !important;
        transform: none !important;
    }
}


/* =====================================================
   TURKISHCHE — MOBILE HEADER FINAL ALIGNMENT
   ===================================================== */

@media (max-width: 767.98px) {

    .navbar {
        display: flex !important;
        align-items: center !important;
        flex-wrap: nowrap !important;

        width: 100% !important;
        max-width: 100vw !important;

        padding-left: 8px !important;
        padding-right: 8px !important;

        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    /* Sol alan: menü + logo */
    .navbar .navbar-brand,
    .navbar .logo {
        flex: 0 1 104px !important;
        width: 104px !important;
        max-width: 104px !important;
        min-width: 0 !important;

        margin: 0 4px !important;
        overflow: hidden !important;
    }

    .navbar .navbar-brand img,
    .navbar .logo img {
        display: block !important;
        width: 100px !important;
        max-width: 100px !important;
        height: auto !important;
    }

    /* Sağ ikon grubu */
    .navbar .ml-auto,
    .navbar .ms-auto,
    .navbar .navbar-nav:last-child,
    .navbar .d-flex.align-items-center:last-child {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;

        flex: 0 0 auto !important;
        gap: 6px !important;

        margin-left: auto !important;
        padding: 0 !important;

        min-width: 0 !important;
        max-width: calc(100vw - 160px) !important;

        overflow: visible !important;
    }

    /* Bildirim ve mesaj ikonları */
    .navbar .popover-region,
    .navbar [data-region="popover-region"] {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        flex: 0 0 32px !important;
        width: 32px !important;
        min-width: 32px !important;
        height: 36px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    /* Dil seçici */
    .tc-language-switcher {
        flex: 0 0 36px !important;
        width: 36px !important;
        min-width: 36px !important;

        margin: 0 !important;
    }

    .tc-language-button {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 36px !important;
        min-width: 36px !important;
        height: 36px !important;
        min-height: 36px !important;

        padding: 0 !important;
        margin: 0 !important;
    }

    /* Profil */
    .usermenu,
    [data-region="user-menu"] {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        flex: 0 0 38px !important;
        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: visible !important;
    }

    .usermenu .userbutton,
    [data-region="user-menu"] .userbutton,
    .usermenu [data-action="toggle-menu"],
    [data-region="user-menu"] [data-action="toggle-menu"] {
        width: 38px !important;
        min-width: 38px !important;
        height: 38px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .usermenu .userinitials,
    [data-region="user-menu"] .userinitials {
        width: 36px !important;
        min-width: 36px !important;
        height: 36px !important;

        margin: 0 !important;
    }

    .tc-language-menu {
        right: -44px !important;
    }
}


/* =====================================================
   TURKISHCHE — MOBILE HEADER CLEAN SEPARATION
   ===================================================== */

@media (max-width: 767.98px) {

    .navbar {
        overflow: visible !important;
    }

    .navbar .ml-auto,
    .navbar .ms-auto,
    .navbar .navbar-nav:last-child,
    .navbar .d-flex.align-items-center:last-child {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 8px !important;
        margin-left: auto !important;
        padding-right: 4px !important;
        overflow: visible !important;
    }

    .tc-language-switcher {
        flex: 0 0 38px !important;
        width: 38px !important;
        min-width: 38px !important;
        margin: 0 !important;
    }

    .tc-language-button {
        width: 38px !important;
        min-width: 38px !important;
        height: 38px !important;
        min-height: 38px !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .usermenu,
    [data-region="user-menu"] {
        flex: 0 0 42px !important;
        width: 42px !important;
        min-width: 42px !important;
        max-width: 42px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    .usermenu .userbutton,
    [data-region="user-menu"] .userbutton,
    .usermenu [data-action="toggle-menu"],
    [data-region="user-menu"] [data-action="toggle-menu"] {
        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .usermenu .userinitials,
    [data-region="user-menu"] .userinitials {
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
        margin: 0 !important;
    }

    .tc-language-menu {
        right: -8px !important;
        z-index: 12000 !important;
    }

    .usermenu .dropdown-menu,
    [data-region="user-menu"] .dropdown-menu {
        right: 0 !important;
        left: auto !important;
        z-index: 12001 !important;
    }
}


/* =====================================================
   TURKISHCHE — LANGUAGE / PROFILE REAL GAP FIX
   ===================================================== */

@media (max-width: 767.98px) {

    /* Dil kutusundan sonra profile kesin boşluk bırak. */
    .tc-language-switcher {
        margin-right: 10px !important;
    }

    .tc-language-switcher + .usermenu,
    .tc-language-switcher + [data-region="user-menu"] {
        margin-left: 0 !important;
    }

    /* İki alan birbirinin üzerine çıkmasın. */
    .tc-language-switcher,
    .usermenu,
    [data-region="user-menu"] {
        position: relative !important;
        transform: none !important;
    }

    /* Sağ tarafta yer kazan. */
    .navbar-brand img,
    .navbar .logo img {
        width: 92px !important;
        max-width: 92px !important;
    }
}


/* =====================================================
   TURKISHCHE — MOBILE PROFILE MENU SIZE FIX
   ===================================================== */

@media (max-width: 767.98px) {

    .usermenu,
    [data-region="user-menu"] {
        position: relative !important;
    }

    .usermenu .dropdown-menu,
    [data-region="user-menu"] .dropdown-menu {
        position: absolute !important;

        top: calc(100% + 8px) !important;
        right: 0 !important;
        left: auto !important;

        width: 280px !important;
        min-width: 250px !important;
        max-width: calc(100vw - 24px) !important;

        margin: 0 !important;
        transform: none !important;

        border-radius: 14px !important;
        overflow: hidden !important;
        z-index: 12001 !important;
    }
}