/* Site-wide mobile header positioning fix.
 *
 * Scope:
 * - no header/menu/logo markup changes
 * - no colour/typography/menu-item changes
 * - no footer changes
 * - position/containment only
 */

@media (max-width: 767px) {
    html,
    body {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: clip !important;
    }

    body {
        padding-top: var(--ogere-mobile-header-offset, 0px) !important;
    }

    body .ogere4-site-header {
        position: fixed !important;
        inset: 0 0 auto 0 !important;
        z-index: 99999 !important;
        width: 100vw !important;
        max-width: 100vw !important;
        min-width: 0 !important;
        margin: 0 !important;
        transform: translate3d(0,0,0) !important;
        box-sizing: border-box !important;
        overflow-x: clip !important;
        backface-visibility: hidden !important;
        -webkit-backface-visibility: hidden !important;
    }

    body.admin-bar .ogere4-site-header {
        top: 46px !important;
    }

    body .ogere4-header-inner,
    body .ogere4-site-header .container,
    body .ogere4-site-header .row {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    body .ogere4-site-header *,
    body .ogere4-header-inner * {
        box-sizing: border-box !important;
        max-width: 100%;
    }

    body .ogere4-header-inner {
        overflow: visible !important;
    }

    body .ogere4-site-header img {
        height: auto !important;
    }
}