/* ==========================================================================
   SENTIUS HOME - COMPACT DESKTOP HEADER / REVISION 2
   ========================================================================== */

/*
 * Masaüstü
 * - Logo temadaki sabit width değerinden bağımsız şekilde küçültülür.
 * - Header ve container yüksekliği doğrudan sabitlenir.
 * - Hamburger tamamen gizlenir.
 */
@media screen and (min-width: 1241px) {
    :root {
        --header-height: 76px !important;
    }

    .header,
    header.header,
    #mainHeader {
        height: 76px !important;
        min-height: 76px !important;
        max-height: 76px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .header > .container,
    #mainHeader > .container {
        height: 76px !important;
        min-height: 76px !important;
        max-height: 76px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        align-items: center !important;
    }

    .header .logo,
    #mainHeader .logo {
        display: inline-flex !important;
        align-items: center !important;
        width: 172px !important;
        max-width: 172px !important;
        height: 58px !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        flex: 0 0 172px !important;
    }

    .header .logo img,
    #mainHeader .logo img {
        display: block !important;
        width: 172px !important;
        max-width: 172px !important;
        height: 58px !important;
        max-height: 58px !important;
        margin: 0 !important;
        padding: 0 !important;
        object-fit: contain !important;
    }

    .desktop-navigation {
        height: 76px !important;
        min-height: 76px !important;
        display: flex !important;
        align-items: center !important;
    }

    .main-nav {
        height: 76px !important;
        min-height: 76px !important;
        align-items: center !important;
    }

    .main-nav > li {
        height: 76px !important;
        display: flex !important;
        align-items: center !important;
    }

    .main-nav > li > a {
        height: 76px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
    }

    .header-actions {
        height: 76px !important;
        min-height: 76px !important;
        align-items: center !important;
    }

    .header .mobile-menu-btn,
    #mainHeader .mobile-menu-btn,
    #mobileMenuButton {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        min-width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
    }
}

/*
 * Tablet ve mobil
 * - Logo mevcut büyük ölçüsünü korur.
 * - Hamburger görünmeye devam eder.
 */
@media screen and (max-width: 1240px) {
    .header .mobile-menu-btn,
    #mainHeader .mobile-menu-btn,
    #mobileMenuButton {
        display: inline-flex !important;
        visibility: visible !important;
    }

    .header .logo,
    #mainHeader .logo {
        width: auto !important;
        max-width: none !important;
        height: auto !important;
        flex: 0 0 auto !important;
    }

    .header .logo img,
    #mainHeader .logo img {
        width: 220px !important;
        max-width: 220px !important;
        height: 70px !important;
        max-height: 70px !important;
        object-fit: contain !important;
    }
}

/* Çok küçük ekranda yalnızca taşmayı önler. */
@media screen and (max-width: 430px) {
    .header .logo img,
    #mainHeader .logo img {
        width: min(220px, 62vw) !important;
        max-width: min(220px, 62vw) !important;
        height: auto !important;
        max-height: 70px !important;
    }
}