/**
 * Sidhuvudet (headermallen 5764), plan 058: det BricksExtras Header Extras och
 * Offcanvas stod för, på Bricks egna element.
 *
 * 1. Sticky från 768 px. BricksExtras gjorde headern position: fixed efter första
 *    scrollpixeln och lade samma höjd som marginal på <body>; sticky ger samma bild
 *    utan att något hoppar. Under 768 px rullar headern med sidan, som förut.
 * 2. Mobilmenyns låda (Bricks Offcanvas .brk-offcanvas) glider som BricksExtras-lådan
 *    och ligger över logotypens 50-årsflagga (z-index 1001 i style.css), som förut.
 * 3. Burgern: strecken skalas till 80 % som BricksExtras (32 px breda, knappen är
 *    fortfarande 60 × 44), och blir dämpade när menyn är öppen.
 * 4. Sökknappen (<button class="brokk-search-trigger">) utan webbläsarens knappstil.
 */

/* 1 */
@media (min-width: 768px) {
    #brx-header {
        position: sticky;
        top: 0;
        z-index: 999;
    }

    .admin-bar #brx-header {
        top: var(--wp-admin--admin-bar--height);
    }
}

/* 2 */
.brk-offcanvas .brx-offcanvas-inner {
    z-index: 1001;
}

.brk-offcanvas.brx-open .brx-offcanvas-backdrop,
.brk-offcanvas.brx-closing .brx-offcanvas-backdrop {
    z-index: 1000;
}

.brk-offcanvas .brx-offcanvas-inner,
.brk-offcanvas .brx-offcanvas-backdrop {
    transition-duration: var(--dur-drawer);
    transition-timing-function: var(--ease-drawer);
}

@media (prefers-reduced-motion: reduce) {
    .brk-offcanvas .brx-offcanvas-inner {
        transition: none;
    }

    .brk-offcanvas .brx-offcanvas-backdrop {
        transition-duration: var(--dur-fast);
        transition-timing-function: linear;
    }
}

/* 3 */
.brxe-toggle.mobile-nav-trigger > .brxa-wrap {
    scale: 0.8;
}

.brxe-toggle.mobile-nav-trigger.is-active .brxa-wrap {
    color: var(--text-light-muted);
}

/* 4 */
button.brokk-search-trigger {
    margin: 0;
    border: 0;
    background: none;
    color: inherit;
    font: inherit;
    cursor: pointer;
}