/* ── En-têtes de colonnes — masqués sur mobile par défaut ──────── */
.demos-col-header {
    display: none !important;
}

/* ── Mobile : liste simple, alignée à gauche ───────────────────── */
.elementor-nav-menu--dropdown .demos-dropdown > .sub-menu a {
    text-align: left !important;
    justify-content: flex-start !important;
}

/* ── Desktop uniquement (≥ 1025px) ─────────────────────────────── */
@media (min-width: 1025px) {

    /* En-têtes colonnes visibles */
    .demos-col-header {
        display: block !important;
        font-size: 10px;
        font-weight: 400;
        letter-spacing: .06em;
        text-transform: uppercase;
        color: #999;
        padding: 4px 18px 8px;
        pointer-events: none;
        grid-column: var(--col);
        font-family: sans-serif;
    }

    /* Grid 2 colonnes */
    .demos-dropdown > .sub-menu[aria-expanded=true] {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        grid-auto-flow: dense !important;
        min-width: 420px !important;
        padding: 8px 0 12px !important;
        box-shadow: 0 8px 32px rgba(0,0,0,0.12) !important;
        gap: 0 !important;
    }

    /* Toutes — pleine largeur, texte orange */
    .demos-dropdown > .sub-menu[aria-expanded=true] > .menu-item:first-child {
        grid-column: 1 / -1 !important;
        margin: 0 12px 8px !important;
    }
    .demos-dropdown > .sub-menu[aria-expanded=true] > .menu-item:first-child > a {
        color: #FF9E04 !important;
        font-weight: 600 !important;
        font-size: 13px !important;
    }

    .demos-dropdown > .sub-menu[aria-expanded=true] > .demo-cat {
        grid-column: 1 !important;
    }

    .demos-dropdown > .sub-menu[aria-expanded=true] > .demo-tone {
        grid-column: 2 !important;
        border-left: 1px solid #f0ece8 !important;
    }
}