/* --- VERSION DESKTOP (Ordinateurs) --- */
@media (min-width: 992px) {
    .is-mega-parent {
        position: static !important;
    }

    /* Le grand bloc blanc du menu */
    .is-mega-parent > .sub-menu {
        display: block !important;
        column-count: 4;
        column-gap: 40px; /* Plus d'espace pour aérer */
        position: absolute;
        left: 5%;
        right: 5%;
        width: 90%;
        background: #ffffff;
        padding: 40px 50px; /* Marges intérieures plus généreuses */
        box-shadow: 0 20px 40px rgba(0,0,0,0.08); /* Ombre plus douce et diffuse */
        border-radius: 0 0 10px 10px;
        border-top: 3px solid #000000; /* Ligne de démarcation élégante (changez la couleur selon votre thème) */
        opacity: 0;
        visibility: hidden;
        transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transform: translateY(15px);
    }

    /* Empêche les catégories d'être coupées */
    .is-mega-parent > .sub-menu > li {
        break-inside: avoid;
        page-break-inside: avoid;
        display: inline-block;
        width: 100%;
        margin-bottom: 35px; /* Aération entre les blocs verticaux */
    }

    .is-mega-parent:hover > .sub-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    /* --- NIVEAU 1 : TITRES DES CATÉGORIES (Ex: Audio, Chargeurs...) --- */
    .is-mega-parent > .sub-menu > li > a {
        font-weight: 800 !important;
        color: #111111 !important;
        text-transform: uppercase;
        letter-spacing: 1.5px;
        font-size: 13px; /* Taille maîtrisée pour faire propre */
        border-bottom: 1px solid #eaeaea; /* Ligne de séparation plus discrète */
        padding-bottom: 12px;
        margin-bottom: 15px;
        display: block;
    }

    /* --- NIVEAU 2 : SOUS-CATÉGORIES (Ex: Écouteurs, Câbles...) --- */
    /* Nettoyage de la liste de base */
    .is-mega-parent > .sub-menu > li ul {
        padding: 0;
        margin: 0;
        list-style: none; /* Enlève les points devant les listes au cas où */
    }

    /* Style des liens au repos */
    .is-mega-parent > .sub-menu > li ul li a {
        color: #666666 !important; /* Gris élégant pour ne pas surcharger l'œil */
        font-size: 15px;
        font-weight: 400;
        padding: 7px 0; /* On donne de la hauteur pour faciliter le clic */
        display: block;
        transition: all 0.25s ease;
        text-decoration: none;
    }

    /* L'EFFET PREMIUM AU SURVOL DE LA SOURIS */
    .is-mega-parent > .sub-menu > li ul li a:hover {
        color: #000000 !important; /* Le texte redevient noir intense */
        transform: translateX(8px); /* Petit décalage doux vers la droite */
    }
}

/* --- VERSION MOBILE --- */
@media (max-width: 991px) {
    .is-mega-parent > .sub-menu {
        display: none;
        background: #fdfdfd;
        padding: 15px;
        box-shadow: inset 0 3px 5px rgba(0,0,0,0.02);
    }
    
    .is-mega-parent.open > .sub-menu {
        display: block;
    }
    
    /* Espacement simple sur mobile */
    .is-mega-parent > .sub-menu li a {
        padding: 10px 0;
        display: block;
        border-bottom: 1px solid #f0f0f0;
    }
}