/* ═══ Header nav — desktop dropdowns + mobile drawer ═══ */

.site-header--mockup {
    z-index: 1050;
}
.site-header--mockup .navbar,
.site-header--mockup .header-inner,
.site-header--mockup .navbar-collapse,
.site-header--mockup .header-nav {
    overflow: visible;
}

.site-header--mockup .header-inner {
    position: relative;
}

/* Desktop — anchor dropdowns under their parent item */
@media (min-width: 1200px) {
    .site-header--mockup .header-nav > .nav-item.dropdown {
        position: relative;
    }

    .site-header--mockup .header-nav .dropdown-menu {
        position: absolute !important;
        top: calc(100% + 0.4rem) !important;
        left: 0 !important;
        right: auto !important;
        transform: none !important;
        margin: 0 !important;
        inset: auto !important;
        z-index: 1060;
    }

    .site-header--mockup .header-nav .nav-dropdown--align-end .dropdown-menu {
        left: auto !important;
        right: 0 !important;
    }

    .site-header--mockup .header-nav .dropdown-menu-about--compact {
        min-width: 280px;
        max-width: 300px;
    }

    .site-header--mockup .header-nav .dropdown-menu-about--compact > li:first-of-type {
        padding-top: 0.55rem;
    }

    .site-header--mockup .header-nav .dropdown-menu-about--compact > li:last-of-type {
        padding-bottom: 0.55rem;
    }
}

/* Mobile / tablet drawer */
@media (max-width: 1199.98px) {
    .site-header--mockup .header-inner {
        flex-wrap: nowrap;
    }

    .site-header--mockup .navbar-toggler {
        margin-left: auto;
        z-index: 2;
    }

    .site-header--mockup .header-nav-drawer {
        position: absolute;
        top: calc(100% + 1px);
        left: 0;
        right: 0;
        z-index: 1060;
        background: #fff;
        border-top: 1px solid rgba(26, 47, 107, 0.08);
        box-shadow: 0 18px 40px rgba(15, 29, 69, 0.14);
        max-height: min(72vh, 520px);
        overflow-y: auto;
        overscroll-behavior: contain;
        padding: 0.5rem 0.85rem 1rem;
    }

    .site-header--mockup .header-nav {
        flex-direction: column;
        align-items: stretch;
        width: 100%;
        gap: 0;
    }

    .site-header--mockup .header-nav > .nav-item {
        width: 100%;
        border-bottom: 1px solid rgba(26, 47, 107, 0.07);
    }

    .site-header--mockup .header-nav > .nav-item:last-child {
        border-bottom: none;
    }

    .site-header--mockup .header-nav .nav-link {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 0.72rem 0.35rem !important;
        font-size: 0.86rem !important;
        white-space: normal;
        text-align: left;
    }

    .site-header--mockup .header-nav .dropdown-toggle::after {
        margin-left: 0.5rem;
    }

    .site-header--mockup .header-nav .dropdown-menu {
        position: static !important;
        float: none;
        width: 100%;
        transform: none !important;
        inset: auto !important;
        margin: 0 0 0.65rem !important;
        box-shadow: none !important;
        border: 1px solid rgba(26, 47, 107, 0.08) !important;
        animation: none;
    }

    .site-header--mockup .header-nav .dropdown-item-about:hover {
        transform: none;
    }

    body.header-nav-open {
        overflow: hidden;
    }
}

@media (max-width: 575.98px) {
    .site-header--mockup .header-nav-drawer {
        left: -0.75rem;
        right: -0.75rem;
        max-height: min(68vh, 480px);
    }
}