/* iOS-style header — solid white at top, transparent on scroll */
.site-header--ios {
    position: relative;
    z-index: 1000;
}

.site-header--ios .main-bar-wraper {
    width: 100%;
}

.site-header--ios .main-bar {
    background: #ffffff;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 1px 0 rgba(15, 23, 42, 0.04);
    transition:
        background 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease,
        backdrop-filter 0.35s ease;
}

.site-header--ios .main-bar-wraper.is-header-scrolled .main-bar,
.site-header--ios .is-fixed .main-bar {
    background: rgba(255, 255, 255, 0.55);
    backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    border-bottom-color: rgba(15, 23, 42, 0.06);
    box-shadow: none;
}

.site-header--ios + .page-content {
    margin-top: 0;
    padding-top: 0;
}

.site-header--ios + .page-content > :first-child {
    margin-top: 0;
}

/* Banner starts directly below header — no overlap */
.site-header--ios ~ .page-content .wt-bnr-inr {
    margin-top: 0;
}

@media only screen and (max-width: 991px) {
    .site-header--ios ~ .page-content .wt-bnr-inr {
        padding-top: 0 !important;
    }
}

.site-header--ios .sticky-wrapper.is-sticky,
.site-header--ios .sticky-wrapper {
    min-height: 0;
}

@media (prefers-reduced-motion: reduce) {
    .site-header--ios .main-bar {
        transition: none;
    }
}

/* Active / selected nav item */
.site-header--ios .header-nav .nav > li > a {
    position: relative;
    font-weight: 500;
    transition: color 0.25s ease, font-weight 0.25s ease;
}

.site-header--ios .header-nav .nav > li.active > a,
.site-header--ios .header-nav .nav > li.current-menu-item > a {
    color: #0f172a;
    font-weight: 800;
    letter-spacing: 2.2px;
    background-color: transparent;
}

.site-header--ios .header-nav .nav > li.active > a::after,
.site-header--ios .header-nav .nav > li.current-menu-item > a::after {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 22px;
    height: 2px;
    background: #0f172a;
    border-radius: 1px;
}

.site-header--ios .header-nav .nav > li:not(.active):hover > a {
    color: #0f172a;
    font-weight: 600;
}

@media only screen and (max-width: 991px) {
    .site-header--ios .header-nav .nav > li.active > a,
    .site-header--ios .header-nav .nav > li.current-menu-item > a {
        color: #0f172a;
        font-weight: 800;
        background: rgba(15, 23, 42, 0.06);
        border-radius: 6px;
    }

    .site-header--ios .header-nav .nav > li.active > a::after,
    .site-header--ios .header-nav .nav > li.current-menu-item > a::after {
        left: 0;
        right: auto;
        bottom: 8px;
        top: 8px;
        width: 3px;
        height: auto;
        border-radius: 0 2px 2px 0;
    }
}