/* Mobile header alignment fix
   Keeps logo left and hamburger right without changing the top bar or homepage.
*/

@media (max-width: 900px) {
    body .site-header {
        position: relative;
    }

    body .header-inner {
        display: flex !important;
        min-height: 82px !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-direction: row !important;
        gap: 16px !important;
        padding-top: 9px !important;
        padding-bottom: 9px !important;
    }

    body .brand {
        display: inline-flex !important;
        min-width: 0;
        max-width: calc(100% - 62px) !important;
        align-items: center !important;
        flex: 0 1 auto;
    }

    body .header-logo {
        width: auto !important;
        max-width: 82px !important;
        max-height: 64px !important;
    }

    body .mobile-nav-toggle {
        display: grid !important;
        width: 44px;
        height: 44px;
        flex: 0 0 44px;
        margin: 0 0 0 auto !important;
        align-self: center !important;
    }

    body .primary-nav {
        top: 100%;
    }
}

@media (max-width: 700px) {
    body .header-inner {
        min-height: 76px !important;
        gap: 12px !important;
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

    body .header-logo {
        max-width: 72px !important;
        max-height: 60px !important;
    }

    body .mobile-nav-toggle {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
    }
}