/* STEP 2116 — Header visual consistency.
   Existing navigation, links, forms and page functionality unchanged. */

/* Only simplified headers are affected.
   The approved premium two-row headers remain untouched. */

header.nav:not(:has(> nav)):not(.legal-nav),
header.nav.legal-nav,
header.fa-legal-header {
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 76px !important;
    margin: 0 !important;
    padding: 14px clamp(16px,3vw,48px) !important;
    background: rgba(6,14,10,.97) !important;
    border-bottom: 1px solid rgba(83,158,108,.26) !important;
    box-shadow: 0 8px 28px rgba(0,0,0,.20) !important;
    backdrop-filter: blur(16px);
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    position: relative !important;
    top: 0 !important;
    left: auto !important;
    right: auto !important;
    z-index: 6000 !important;
}

header.nav:not(:has(> nav)) > .brand,
header.nav.legal-nav > .brand,
header.fa-legal-header > .fa-legal-brand {
    font-size: 15px !important;
    font-weight: 700 !important;
    white-space: nowrap;
    text-decoration: none;
}

header.nav:not(:has(> nav)) > .actions,
header.nav.legal-nav > .legal-nav-actions {
    margin-left: auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

header.nav:not(:has(> nav)) > details {
    flex-shrink: 0;
    position: relative;
}

header.fa-legal-header > .fa-legal-back {
    margin-inline-start: auto !important;
}

@media (max-width: 700px) {
    header.nav:not(:has(> nav)),
    header.nav.legal-nav,
    header.fa-legal-header {
        min-height: 64px !important;
        padding: 10px 14px !important;
        gap: 8px !important;
        flex-wrap: wrap;
    }

    header.nav:not(:has(> nav)) > .brand,
    header.fa-legal-header > .fa-legal-brand {
        font-size: 12px !important;
    }
}