/*
 * starterCreative — Menu principal en panneaux déroulants (Customizer : mega menu désactivé).
 * Breakpoint aligné sur mega-menu.css / base (769px).
 */

/* Réinit listes (évite puces navigateur si le thème enfant surcharge le ul) */
.sc-nav__menu.sc-nav__menu--standard-dropdown,
.sc-nav__menu.sc-nav__menu--standard-dropdown > li {
    list-style: none;
    list-style-type: none;
}

/* -------------------------------------------------------------------------
   Liens & boutons racine
   ------------------------------------------------------------------------- */
.sc-standard-primary-nav .sc-nav__link {
    display: inline-flex;
    align-items: center;
    gap: var(--sc-spacing-xs);
    font-weight: 600;
    color: var(--sc-color-text);
    text-decoration: none;
    background: none;
    border: 0;
    font: inherit;
    cursor: pointer;
    padding: var(--sc-spacing-xs) 0;
}

.sc-standard-primary-nav .sc-nav__link:hover,
.sc-standard-primary-nav .sc-nav__link:focus-visible {
    color: var(--sc-color-accent);
    outline: none;
}

.sc-standard-primary-nav .sc-nav__link--cta {
    color: var(--sc-color-accent);
}

.sc-standard-primary-nav .sc-nav__chevron {
    flex-shrink: 0;
    opacity: 0.75;
}

.sc-standard-primary-nav .sc-nav__dropdown-toggle {
    width: 100%;
    justify-content: space-between;
    text-align: inherit;
}

/* -------------------------------------------------------------------------
   Sous-liens dans le panneau
   ------------------------------------------------------------------------- */
.sc-standard-primary-nav .sc-nav__dropdown-item {
    display: block;
    padding: var(--sc-spacing-xs) var(--sc-spacing-sm);
    color: var(--sc-color-text);
    text-decoration: none;
    font-size: var(--sc-font-size-sm);
    border-radius: var(--sc-radius);
}

.sc-standard-primary-nav .sc-nav__dropdown-item:hover,
.sc-standard-primary-nav .sc-nav__dropdown-item:focus-visible {
    background: rgba(0, 0, 0, 0.04);
    color: var(--sc-color-accent);
    outline: none;
}

.sc-standard-primary-nav .sc-nav__dropdown-item--nested {
    padding-left: var(--sc-spacing-md);
    opacity: 0.92;
}

/* -------------------------------------------------------------------------
   Desktop : flex + panneau absolu
   ------------------------------------------------------------------------- */
@media (min-width: 769px) {
    .sc-standard-primary-nav .sc-nav__menu--standard-dropdown {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: var(--sc-spacing-md);
    }

    .sc-standard-primary-nav .sc-nav__menu--standard-dropdown > li {
        position: relative;
    }

    .sc-standard-primary-nav .sc-nav__dropdown-wrap {
        position: relative;
    }

    .sc-standard-primary-nav .sc-nav__dropdown-toggle {
        width: auto;
        justify-content: flex-start;
    }

    .sc-standard-primary-nav .sc-nav__dropdown {
        display: none;
        position: absolute;
        left: 0;
        top: 100%;
        min-width: 220px;
        max-width: min(320px, 90vw);
        padding: var(--sc-spacing-sm);
        margin-top: var(--sc-spacing-xs);
        background: var(--sc-color-bg);
        border: 1px solid var(--sc-color-border);
        border-radius: var(--sc-radius);
        box-shadow: 0 var(--sc-spacing-sm) var(--sc-spacing-md) rgba(0, 0, 0, 0.08);
        z-index: 900;
    }

    .sc-standard-primary-nav .sc-nav__dropdown-wrap:hover > .sc-nav__dropdown,
    .sc-standard-primary-nav .sc-nav__dropdown-wrap:focus-within > .sc-nav__dropdown,
    .sc-standard-primary-nav .sc-nav__dropdown-wrap.is-open > .sc-nav__dropdown {
        display: block;
    }
}

/* -------------------------------------------------------------------------
   Mobile : accordéon dans le menu burger
   ------------------------------------------------------------------------- */
@media (max-width: 768px) {
    .sc-standard-primary-nav .sc-nav__menu--standard-dropdown > li {
        border-bottom: 1px solid var(--sc-color-border);
    }

    .sc-standard-primary-nav .sc-nav__dropdown {
        display: none;
        padding: var(--sc-spacing-sm) var(--sc-spacing-sm) var(--sc-spacing-md);
        padding-left: var(--sc-spacing-md);
    }

    .sc-standard-primary-nav .sc-nav__dropdown-wrap.is-open > .sc-nav__dropdown {
        display: block;
    }
}