/* Olympos premium header v2 — scoped override layer */
.oly-header {
    isolation: isolate;
    overflow: visible;
    border-bottom: 1px solid rgba(178, 232, 238, .18);
    background:
        radial-gradient(circle at 78% -80%, rgba(16, 191, 197, .28), transparent 42%),
        linear-gradient(116deg, #07182b 0%, #12345a 55%, #0c5369 100%);
    box-shadow: 0 16px 42px rgba(6, 25, 46, .2);
    color: #fff;
}
.oly-header::before {
    position: absolute;
    z-index: 2;
    inset: 0 0 auto;
    height: 3px;
    background: linear-gradient(90deg, var(--oly-primary), var(--oly-blue) 52%, var(--oly-yellow));
    content: "";
}
.oly-header::after {
    position: absolute;
    z-index: -1;
    inset: 0;
    pointer-events: none;
    background-image: linear-gradient(rgba(181, 234, 240, .055) 1px, transparent 1px), linear-gradient(90deg, rgba(181, 234, 240, .055) 1px, transparent 1px);
    background-size: 34px 34px;
    content: "";
    mask-image: linear-gradient(90deg, #000, transparent 72%);
    opacity: .52;
}
.oly-header__inner { position: relative; z-index: 3; }
.oly-brand {
    position: relative;
    padding: 7px 13px 7px 8px;
    border: 1px solid rgba(255, 255, 255, .72);
    border-radius: 16px 16px 16px 5px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 10px 28px rgba(2, 18, 36, .24), inset 0 1px 0 #fff;
    color: var(--oly-navy);
    transition: transform .2s ease, box-shadow .2s ease;
}
.oly-brand:hover, .oly-brand:focus-visible { box-shadow: 0 14px 34px rgba(2, 18, 36, .3), inset 0 1px 0 #fff; transform: translateY(-1px); outline: 0; }
.oly-brand img { max-height: 48px; }
.oly-brand__mark { box-shadow: 0 8px 20px color-mix(in srgb, var(--oly-primary) 30%, transparent); }
.oly-nav { gap: clamp(14px, 2vw, 30px); }
.oly-nav__item > a {
    min-height: 84px;
    color: rgba(255, 255, 255, .76);
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .07em;
    text-transform: uppercase;
    transition: color .2s ease, transform .2s ease;
}
.oly-nav__item > a:hover, .oly-nav__item > a:focus-visible { color: #fff; transform: translateY(-1px); outline: 0; }
.oly-nav__item.is-current > a { color: #fff; }
.oly-nav__item > a::after { bottom: 15px; height: 3px; background: linear-gradient(90deg, var(--oly-primary), var(--oly-yellow)); box-shadow: 0 0 14px color-mix(in srgb, var(--oly-primary) 42%, transparent); }
.oly-nav__submenu { top: calc(100% - 2px); border-color: rgba(109, 194, 208, .28); box-shadow: 0 22px 58px rgba(4, 27, 52, .24); }
.oly-header__actions { gap: 8px; }
.oly-icon-button, .oly-menu-toggle {
    border-color: rgba(190, 235, 240, .28);
    background: rgba(255, 255, 255, .1);
    color: #fff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12);
}
.oly-icon-button:hover, .oly-icon-button:focus-visible, .oly-menu-toggle:hover, .oly-menu-toggle:focus-visible { border-color: var(--oly-primary); background: rgba(16, 191, 197, .2); color: #fff; outline: 0; }
.oly-icon-button.is-current { border-color: var(--oly-primary); background: rgba(16, 191, 197, .24); color: #fff; box-shadow: 0 0 0 4px rgba(16, 191, 197, .12); }
.oly-language-switcher > summary {
    border-color: rgba(190, 235, 240, .28);
    background: rgba(255, 255, 255, .1);
    color: #fff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12);
}
.oly-language-switcher > summary:hover, .oly-language-switcher > summary:focus-visible, .oly-language-switcher[open] > summary { border-color: var(--oly-primary); background: rgba(16, 191, 197, .2); color: #fff; box-shadow: 0 0 0 4px rgba(16, 191, 197, .12); outline: 0; }
.oly-language-switcher__flag { border-color: rgba(255, 255, 255, .24); background: rgba(255, 255, 255, .16); }
.oly-ai-chat-trigger {
    border-color: color-mix(in srgb, var(--oly-primary) 76%, #fff);
    background: linear-gradient(135deg, color-mix(in srgb, var(--oly-primary) 86%, #fff), color-mix(in srgb, var(--oly-blue) 82%, var(--oly-navy)));
    color: #fff;
    box-shadow: 0 10px 28px color-mix(in srgb, var(--oly-primary) 26%, transparent), inset 0 1px 0 rgba(255, 255, 255, .3);
}
.oly-ai-chat-trigger:hover, .oly-ai-chat-trigger[aria-expanded="true"] { border-color: #fff; box-shadow: 0 14px 34px color-mix(in srgb, var(--oly-primary) 34%, transparent), inset 0 1px 0 rgba(255, 255, 255, .38); }
.oly-ai-chat-trigger__copy small { color: rgba(255, 255, 255, .72); }
.oly-ai-chat-trigger__visual { background: rgba(5, 36, 59, .42); box-shadow: 0 7px 16px rgba(2, 18, 36, .2); }
.oly-menu-toggle span { background: #fff; }
@media (max-width: 991px) {
    .oly-header { height: 72px; }
    .oly-header__inner { min-height: 72px; }
    .oly-nav { top: 66px; border: 1px solid rgba(109, 194, 208, .28); background: linear-gradient(145deg, #0b2542, #12345a); box-shadow: 0 24px 62px rgba(4, 27, 52, .3); }
    .oly-nav.is-open { padding-block: 12px; }
    .oly-nav__item > a { min-height: 48px; color: rgba(255, 255, 255, .82); }
    .oly-nav__item.is-current > a, .oly-nav__item > a:hover, .oly-nav__item > a:focus-visible { color: #fff; }
    .oly-nav__item > a::after { bottom: 7px; background: linear-gradient(90deg, var(--oly-primary), var(--oly-yellow)); }
    .oly-nav__submenu a { color: rgba(255, 255, 255, .78); }
    .oly-nav__submenu a:hover, .oly-nav__submenu a[aria-current="page"] { background: rgba(16, 191, 197, .18); color: #fff; }
    .oly-ai-chat-panel { border-color: rgba(109, 194, 208, .32); }
}
@media (max-width: 620px) {
    .oly-brand { padding: 5px 8px 5px 6px; border-radius: 13px 13px 13px 4px; }
    .oly-brand img { max-height: 40px; max-width: 170px; }
    .oly-header__actions { gap: 6px; }
    .oly-nav { left: 14px; right: 14px; top: 66px; }
    .oly-ai-chat-trigger, .oly-icon-button, .oly-menu-toggle, .oly-language-switcher > summary { border-color: rgba(190, 235, 240, .32); background: rgba(255, 255, 255, .12); }
    .oly-ai-chat-trigger { color: #fff; }
    .oly-ai-chat-trigger__visual { background: linear-gradient(135deg, var(--oly-primary), var(--oly-blue)); }
}
@media (prefers-reduced-motion: reduce) {
    .oly-brand, .oly-nav__item > a, .oly-ai-chat-trigger, .oly-icon-button, .oly-menu-toggle, .oly-language-switcher > summary { transition: none; }
}