/* Local Design Lab only: three deliberate header directions, one shared IA. */
body[class*="avm-header-concept-"] .header {
    --avm-header-navy: #080a1d;
    --avm-header-blue: #012fea;
    --avm-header-paper: #f7f8fb;
    --avm-header-rule: #d5dbe7;
    border-bottom: 1px solid var(--avm-header-rule);
}
body[class*="avm-header-concept-"] .header > .avm-logo .avm-logo__mark {
    background: #071126 url('assets/logo-metal-blue-256.png') center / 92% 92% no-repeat;
}
body[class*="avm-header-concept-"] .header > .avm-logo .avm-logo__symbol { opacity: 0; }
body[class*="avm-header-concept-"] .header > .btn-header-search-desktop .dgwt-wcas-sf-wrapp {
    background: transparent;
}
body[class*="avm-header-concept-"] .header > .btn-header-search-desktop input.dgwt-wcas-search-input {
    border: 1px solid var(--avm-header-rule) !important;
    border-right: 0 !important;
    box-shadow: none !important;
    caret-color: var(--avm-header-blue);
}
body[class*="avm-header-concept-"] .header > .btn-header-search-desktop input.dgwt-wcas-search-input:focus {
    border-color: #7e8db2 !important;
}
body[class*="avm-header-concept-"] .header > .btn-header-search-desktop .dgwt-wcas-search-submit {
    color: #fff !important;
    background: var(--avm-header-navy) !important;
}
body[class*="avm-header-concept-"] .header > .btn-header-search-desktop .dgwt-wcas-search-submit:hover {
    background: #172143 !important;
}
body[class*="avm-header-concept-"] .header > .btn-header-search-desktop .dgwt-wcas-search-submit svg path {
    stroke: currentColor !important;
}
body[class*="avm-header-concept-"] .header > .btn {
    color: #fff;
    background: var(--avm-header-blue);
}
body[class*="avm-header-concept-"] .header > .btn:hover { background: #0026bf; }
body[class*="avm-header-concept-"] .header > .btn-burger {
    display: grid;
    place-items: center;
    color: var(--avm-header-navy);
    background-image: none !important;
}
body[class*="avm-header-concept-"] .header > .btn-burger::before {
    content: '';
    width: 26px;
    height: 26px;
    background: currentColor;
    -webkit-mask: url('../../themes/aviamisto/img/ic-burger.svg') center / contain no-repeat;
    mask: url('../../themes/aviamisto/img/ic-burger.svg') center / contain no-repeat;
}
body[class*="avm-header-concept-"] .header > .btn-burger[aria-expanded="true"]::before {
    -webkit-mask-image: url('../../themes/aviamisto/img/ic-close.svg');
    mask-image: url('../../themes/aviamisto/img/ic-close.svg');
}
body[class*="avm-header-concept-"] .header :is(.btn-account-block, .ic-cart, .btn-burger):hover {
    color: #fff;
    background-color: var(--avm-header-blue);
}

/* 01 — Metal / light: a strong brand block inside a quiet white utility bar. */
.avm-header-concept-metal-light .header { background: #fff; }
.avm-header-concept-metal-light .header > .avm-logo { background: var(--avm-header-navy); }
.avm-header-concept-metal-light .avm-logo__type { background: var(--avm-header-navy); }
.avm-header-concept-metal-light .header > .btn-header-search-desktop { margin-right: 12px; }
.avm-header-concept-metal-light .header > .btn-header-search-desktop input.dgwt-wcas-search-input { background: #f4f6fa !important; }
.avm-header-concept-metal-light .header .btn-account-block,
.avm-header-concept-metal-light .header > .ic-cart,
.avm-header-concept-metal-light .header > .btn-burger { color: #25304a; background-color: #f1f3f7; }
.avm-header-concept-metal-light .header > .btn { margin-left: 0; }

/* 02 — Instrument strip: one continuous light console with measured dividers. */
.avm-header-concept-metal-strip .header { background: #edf0f5; }
.avm-header-concept-metal-strip .header > .avm-logo {
    background: transparent;
    border-right: 1px solid #cbd2df;
}
.avm-header-concept-metal-strip .avm-logo__type { background: transparent; }
.avm-header-concept-metal-strip .avm-logo__wordmark {
    filter: brightness(0) saturate(100%) invert(9%) sepia(36%) saturate(1222%) hue-rotate(192deg) brightness(91%) contrast(104%);
}
.avm-header-concept-metal-strip .avm-logo__descriptor { color: #4f5970; }
.avm-header-concept-metal-strip .header > .avm-header-languages {
    align-self: stretch;
    margin: 0;
    border-right: 1px solid #cbd2df;
}
.avm-header-concept-metal-strip .header > .btn-header-search-desktop { margin: 0 12px; }
.avm-header-concept-metal-strip .header > .btn-header-search-desktop input.dgwt-wcas-search-input { background: #fff !important; }
.avm-header-concept-metal-strip .header .btn-account-block,
.avm-header-concept-metal-strip .header > .ic-cart,
.avm-header-concept-metal-strip .header > .btn-burger {
    color: #25304a;
    background-color: transparent;
    border-left: 1px solid #cbd2df;
}
.avm-header-concept-metal-strip .header > :is(.btn, .ic-cart, .btn-burger) { margin-left: 0; }

/* 03 — Dark technical: the header and sub-navigation read as one cockpit rail. */
body.avm-header-concept-metal-dark .header {
    color: #fff;
    background: var(--avm-header-navy);
    border-bottom-color: transparent;
}
.avm-header-concept-metal-dark .header > .avm-logo,
.avm-header-concept-metal-dark .avm-logo__type { background: var(--avm-header-navy); }
.avm-header-concept-metal-dark .header > .avm-header-languages { margin-inline: 8px; }
.avm-header-concept-metal-dark .avm-header-languages a { color: #aeb8cd; }
.avm-header-concept-metal-dark .avm-header-languages a[aria-current] { color: #fff; }
.avm-header-concept-metal-dark .avm-header-languages a + a::before { background: #36405f; }
.avm-header-concept-metal-dark .header > .btn-header-search-desktop { margin-right: 12px; }
.avm-header-concept-metal-dark .header > .btn-header-search-desktop .dgwt-wcas-sf-wrapp {
    height: 80px;
    padding-block: 16px;
}
.avm-header-concept-metal-dark .header > .btn-header-search-desktop input.dgwt-wcas-search-input {
    color: #080a1d !important;
    background: #f7f8fb !important;
    height: 48px !important;
    padding-right: 60px !important;
    border-color: #435071 !important;
}
.avm-header-concept-metal-dark .header > .btn-header-search-desktop .dgwt-wcas-search-submit {
    top: 16px !important;
    width: 48px !important;
    min-width: 48px;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    border: 1px solid #435071;
}
.avm-header-concept-metal-dark .header > .btn-header-search-desktop .dgwt-wcas-search-submit svg {
    width: 24px;
    height: 24px;
}
.avm-header-concept-metal-dark .header .btn-account-block,
.avm-header-concept-metal-dark .header > .ic-cart,
.avm-header-concept-metal-dark .header > .btn-burger {
    color: #e8edf7 !important;
    background-color: #101633;
    border-left: 1px solid #273154;
}
.avm-header-concept-metal-dark .header > .btn-burger::before { background-color: #e8edf7 !important; }
.avm-header-concept-metal-dark .header > :is(.btn, .ic-cart, .btn-burger) { margin-left: 0; }

@media (min-width: 1200px) {
    .avm-header-concept-metal-strip { --avm-header-height: 72px; }
    .avm-header-concept-metal-strip .header > .logo { flex-basis: 238px; width: 238px; height: 72px; }
    .avm-header-concept-metal-strip .header > .btn { height: 72px; flex-basis: 164px; width: 164px; }
    .avm-header-concept-metal-strip .header > :is(.btn-account-block, .account-menu, .ic-cart, .btn-burger) { flex-basis: 72px; width: 72px; height: 72px; }
    .avm-header-concept-metal-strip .header .account-menu > .btn-account-block { width: 100%; height: 100%; }
    .avm-header-concept-metal-strip .btn-header-search-desktop .dgwt-wcas-sf-wrapp { height: 72px; padding-block: 10px; }
    .avm-header-concept-metal-strip .btn-header-search-desktop input.dgwt-wcas-search-input { height: 52px !important; padding-right: 64px !important; }
    .avm-header-concept-metal-strip .btn-header-search-desktop .dgwt-wcas-search-submit {
        top: 10px !important;
        width: 52px !important;
        min-width: 52px;
        height: 52px !important;
        min-height: 52px !important;
        max-height: 52px !important;
    }
}

@media (min-width: 761px) and (max-width: 1199px) {
    .avm-header-concept-metal-light .header > .btn-header-search-desktop,
    .avm-header-concept-metal-dark .header > .btn-header-search-desktop { margin-right: 8px; }
    .avm-header-concept-metal-strip .header > .logo { flex-basis: 196px; width: 196px; }
    .avm-header-concept-metal-strip .header > .avm-header-languages { flex-basis: 72px; }
    .avm-header-concept-metal-strip .header > .btn-header-search-desktop { margin-inline: 8px; }
    .avm-header-concept-metal-dark .header > .btn-header-search-desktop .dgwt-wcas-sf-wrapp {
        height: 64px;
        padding-block: 10px;
    }
    .avm-header-concept-metal-dark .header > .btn-header-search-desktop input.dgwt-wcas-search-input {
        height: 44px !important;
        padding-right: 56px !important;
    }
    .avm-header-concept-metal-dark .header > .btn-header-search-desktop .dgwt-wcas-search-submit {
        top: 10px !important;
        width: 44px !important;
        min-width: 44px;
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
    }
}

@media (max-width: 760px) {
    body[class*="avm-header-concept-"] .header > .avm-logo .avm-logo__mark {
        background-image: url('assets/logo-metal-blue-256.png');
        background-size: 92% 92%;
    }
    body[class*="avm-header-concept-"] .header > .btn-burger::before { width: 24px; height: 24px; }
    body[class*="avm-header-concept-"] .avm-search-panel {
        border-top-color: #cfd6e3;
        box-shadow: 0 8px 22px rgba(8, 10, 29, .16);
    }
    body[class*="avm-header-concept-"] .avm-search-panel-row {
        border-color: #aeb8cb;
    }
    body[class*="avm-header-concept-"] .avm-search-panel-row:focus-within {
        border-color: var(--avm-header-blue);
        box-shadow: inset 0 0 0 1px var(--avm-header-blue);
    }
    body[class*="avm-header-concept-"] .avm-search-panel .dgwt-wcas-search-submit {
        color: #fff !important;
        background: var(--avm-header-navy) !important;
    }
    body[class*="avm-header-concept-"] .avm-search-panel .dgwt-wcas-search-submit:hover {
        color: #fff !important;
        background: #172143 !important;
    }
    .avm-header-concept-metal-light .avm-header-search-toggle,
    .avm-header-concept-metal-strip .avm-header-search-toggle { color: #fff; background: var(--avm-header-navy); }
    .avm-header-concept-metal-light .avm-header-search-toggle[aria-expanded="true"],
    .avm-header-concept-metal-strip .avm-header-search-toggle[aria-expanded="true"] {
        color: #fff;
        background: var(--avm-header-navy);
        box-shadow: inset 0 -2px 0 var(--avm-header-blue);
    }
    .avm-header-concept-metal-dark .avm-header-search-toggle,
    .avm-header-concept-metal-dark .header > .ic-cart,
    .avm-header-concept-metal-dark .header > .btn-burger { color: #fff !important; background: #101633; }
    .avm-header-concept-metal-dark .avm-header-search-toggle[aria-expanded="true"] {
        color: #fff;
        background: #101633;
        box-shadow: inset 0 -2px 0 var(--avm-header-blue);
    }
    .avm-header-concept-metal-dark .avm-search-panel { background: #101633; border-top-color: #273154; }
    .avm-header-concept-metal-strip .header > .avm-logo { border-right: 0; }
    .avm-header-concept-metal-strip .header > .avm-logo .avm-logo__type { border-right: 1px solid #cbd2df; }
}

@media (prefers-reduced-motion: reduce) {
    body[class*="avm-header-concept-"] .header > * { transition: none !important; }
}

/* Dark concept: a smaller bluer metallic mark aligned with the primary CTA. */
body.avm-header-concept-metal-dark .header > .avm-logo .avm-logo__mark {
    position: relative;
    overflow: hidden;
    background-color: #071126;
    background-image: none;
}
body.avm-header-concept-metal-dark .header > .avm-logo .avm-logo__mark::before {
    content: '';
    position: absolute;
    inset: 0;
    background: url('assets/logo-metal-blue-256.png') center / 92% 92% no-repeat;
    transform-origin: 50% 50%;
}
@media (prefers-reduced-motion: no-preference) {
    body.avm-header-concept-metal-dark .avm-logo--spinning .avm-logo__mark::before {
        animation: avm-header-metal-spin .35s cubic-bezier(.4, 0, .2, 1) both;
    }
}
@media (prefers-reduced-motion: reduce) {
    body.avm-header-concept-metal-dark .avm-logo__mark::before {
        animation: none !important;
        transform: none !important;
    }
}
@keyframes avm-header-metal-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(720deg); }
}