/* Header: keep dark background when mobile menu is open */
#header .header-body.bg-color-dark,
html.mobile-menu-opened #header .header-body {
    background-color: var(--dark, #212529) !important;
}

/* Mobile (≤991px): hamburger touch target and position via Bootstrap order in HTML */
@media (max-width: 991px) {
    #header .header-logo img {
        max-height: 72px;
        width: auto;
        object-fit: contain;
    }
    #header .header-btn-collapse-nav {
        min-width: 44px;
        min-height: 44px;
        padding: 0.5rem;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        border-radius: 0.375rem;
    }
}