.header {
  background: linear-gradient(135deg, #4c0297 0%, #954b56 100%) !important;
}
css/* Force le texte de tous les liens du menu en blanc */
.header .mod-menu a,
.header .nav-link,
.header .dropdown-item {
  color: #ffffff !important;
}

/* --- 1. MENU PRINCIPAL (Niveau 1) --- */

#mod-menu1 > li > a,
#mod-menu1 > li > button .mod-menu__heading {
    color: #ffffff !important;
    font-size: 1.125rem; /* <-- Environ 18px si la base est 16px */
    font-weight: 600;
}

/* Effet au survol : Blanc + Soulignement */
#mod-menu1 > li > a:hover,
#mod-menu1 > li > button:hover .mod-menu__heading {
    color: #ffffff !important;
    text-decoration: underline;
    text-underline-offset: 4px;
    opacity: 1;
}

/* Icône flèche en blanc */
#mod-menu1 > li > button .icon-chevron-down {
    color: #ffffff !important;
    font-size: 0.8em; /* Proportionnel au texte parent */
}

/* --- 2. SOUS-MENU (Conteneur) --- */

#mod-menu1 ul.mod-menu__sub {
    background-color: #762C71 !important;
    border: none;
    padding: 0.5rem 0; /* Espacement vertical adapté en rem */
    border-radius: 4px;
}

/* --- 3. LIENS DU SOUS-MENU (Niveau 2+) --- */

#mod-menu1 ul.mod-menu__sub a {
    color: #ffffff !important;
    display: block;
    padding: 0.25rem 0.75rem; /* Espacement interne adapté en rem */
    font-size: 1rem; /* <-- Taille standard (environ 16px) */
}

/* Effet au survol dans le sous-menu */
#mod-menu1 ul.mod-menu__sub a:hover {
    background-color: #8e3588 !important;
    color: #ffffff !important;
    text-decoration: none;
}

/*--------   header sans espace--------------*/
 
 .mod-list li  {
  padding: 0 0;
  }