/* ─── lmdm/sticky-nav ─────────────────────────────────────────────────────── */

.lmdm-sticky-nav {
    position: sticky;
    top: calc(var(--lmdm-header-height, 72px) - 1px);
    z-index: 90;
    background: var(--wp--preset--color--white);
    border-bottom: 1px solid var(--wp--preset--color--sand);
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    box-sizing: border-box;
}

.lmdm-sticky-nav__inner {
    display: flex;
    align-items: center;
    gap: 2rem;
    padding: 0.85rem max(5vw, calc((100vw - 2000px) / 2));
}

.lmdm-sticky-nav__prefix {
    font-family: var(--wp--preset--font-family--body);
    font-size: 1rem;
    font-weight: 300;
    color: var(--wp--preset--color--gold);
    white-space: nowrap;
}

.lmdm-sticky-nav__list {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    list-style: none;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
}

.lmdm-sticky-nav__link {
    font-family: var(--wp--preset--font-family--body);
    font-size: 1rem;
    font-weight: 300;
    color: var(--wp--preset--color--gray-medium);
    text-decoration: none;
    white-space: nowrap;
    transition: color 0.2s ease, font-weight 0.2s ease;
}

.lmdm-sticky-nav__link:hover {
    color: var(--wp--preset--color--primary);
}

.lmdm-sticky-nav__link.is-active {
    color: var(--wp--preset--color--gold);
    font-weight: 500;
}

/* ─── Responsive ─────────────────────────────────────────────────────────── */

@media (max-width: 768px) {
    .lmdm-sticky-nav__inner {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .lmdm-sticky-nav__inner::-webkit-scrollbar {
        display: none;
    }

    .lmdm-sticky-nav__list {
        flex-wrap: nowrap;
    }

    .lmdm-sticky-nav__prefix--hide-mobile {
        display: none;
    }
}