/* === MENU UNIFORME DÉGRADÉ BLEU-VIOLET === */
/* Desktop : texte noir dans sous-menus | Mobile : texte noir */

:root {
  --menu-gradient: linear-gradient(135deg, rgb(72,181,244) 0%, rgb(145,60,224) 100%);
  --menu-text-color: #ffffff;
  --menu-text-mobile: #000000;
  --submenu-text-color: #000000;
  --menu-hover: rgba(255, 255, 255, 0.15);
  --menu-hover-mobile: rgba(0, 0, 0, 0.1);
  --submenu-hover: rgba(0, 0, 0, 0.05);
  --hover-text-color: #00FFFF; /* CYAN pour survol menu principal */
}

/* === DESKTOP (sous-menus avec texte NOIR) === */
@media (min-width: 768px) {
  .wp-block-navigation__submenu-container {
    background: var(--menu-gradient) !important;
    color: var(--submenu-text-color) !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2) !important;
    padding: 8px 0 !important;
    min-width: 220px !important;
  }
  
  .wp-block-navigation__submenu-container * {
    color: var(--submenu-text-color) !important;
  }
  
  .wp-block-navigation__submenu-container .wp-block-navigation-item__label {
    color: var(--submenu-text-color) !important;
    font-weight: 500 !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.4) !important;
  }
  
  .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
    background-color: var(--submenu-hover) !important;
  }
  
  .wp-block-navigation__submenu-icon svg {
    stroke: var(--submenu-text-color) !important;
  }
  
  .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    padding: 10px 20px !important;
    margin: 2px 5px !important;
    border-radius: 4px !important;
    transition: background-color 0.2s ease !important;
  }
  
  .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover .wp-block-navigation-item__label {
    color: #111111 !important;
  }
}

/* === MOBILE (texte et icônes en NOIR) === */
.wp-block-navigation__responsive-container.is-menu-open {
  background: var(--menu-gradient) !important;
}

.wp-block-navigation__responsive-container-content {
  background: transparent !important;
}

@media (max-width: 767px) {
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__label,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu__toggle,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,
  .wp-block-navigation__responsive-container.is-menu-open a,
  .wp-block-navigation__responsive-container.is-menu-open button,
  .wp-block-navigation__responsive-container.is-menu-open span {
    color: var(--menu-text-mobile) !important;
  }
  
  .wp-block-navigation__responsive-container.is-menu-open *:not(svg):not(path) {
    color: var(--menu-text-mobile) !important;
  }
  
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon svg {
    stroke: var(--menu-text-mobile) !important;
    fill: var(--menu-text-mobile) !important;
  }
  
  .wp-block-navigation__responsive-container-close svg,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close svg {
    fill: var(--menu-text-mobile) !important;
    stroke: var(--menu-text-mobile) !important;
  }
  
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
    background: rgba(255, 255, 255, 0.15) !important;
    margin-left: 20px !important;
    border-left: 2px solid rgba(0, 0, 0, 0.2) !important;
  }
  
  .wp-block-navigation-item__content:hover {
    background-color: var(--menu-hover-mobile) !important;
  }
  
  .wp-block-navigation-item__content {
    padding: 14px 24px !important;
    margin: 2px 0 !important;
    border-radius: 6px !important;
    transition: background-color 0.2s ease !important;
    color: var(--menu-text-mobile) !important;
  }
}

/* === BOUTON HAMBURGER === */
@media (max-width: 767px) {
  .wp-block-navigation__responsive-container-open svg {
    fill: var(--menu-text-mobile) !important;
    stroke: var(--menu-text-mobile) !important;
  }
  
  @media (min-width: 768px) {
    .wp-block-navigation__responsive-container-open svg {
      fill: var(--menu-text-color) !important;
      stroke: var(--menu-text-color) !important;
    }
  }
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-open {
  display: none !important;
}

/* === ANIMATIONS === */
.wp-block-navigation__submenu-container {
  transition: opacity 0.2s ease, transform 0.2s ease !important;
}

.wp-block-navigation__submenu-container li {
  transition: background-color 0.15s ease !important;
}

/* === EFFETS AU SURVOL - MENU PRINCIPAL (CYAN) === */
@media (min-width: 768px) {
  .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content {
    position: relative !important;
    transition: all 0.3s ease !important;
    padding: 8px 15px !important;
    border-radius: 6px !important;
  }
  
  .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content:hover {
    background-color: rgba(255, 255, 255, 0.2) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
  }
  
  /* TEXTE CYAN AU SURVOL */
  .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content:hover .wp-block-navigation-item__label {
    color: var(--hover-text-color) !important; /* Cyan */
    text-shadow: 0 0 10px rgba(0, 255, 255, 0.7) !important;
  }
  
  .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;
    width: 0 !important;
    height: 2px !important;
    background-color: var(--hover-text-color) !important; /* Cyan aussi */
    transition: all 0.3s ease !important;
    transform: translateX(-50%) !important;
  }
  
  .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content:hover::after {
    width: 80% !important;
  }
}

/* === SURVOL DES SOUS-MENUS === */
@media (min-width: 768px) {
  .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
    background-color: rgba(255, 255, 255, 0.25) !important;
    transform: translateX(5px) !important;
    margin-left: -5px !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
  }
  
  .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover .wp-block-navigation-item__label {
    color: #111111 !important;
    font-weight: 600 !important;
  }
  
  .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    transition: all 0.25s ease !important;
  }
  
  .wp-block-navigation-item.has-child:hover .wp-block-navigation__submenu-icon svg {
    transform: rotate(180deg) !important;
    transition: transform 0.3s ease !important;
  }
}

/* === SURVOL MOBILE === */
@media (max-width: 767px) {
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:active,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover {
    background-color: rgba(255, 255, 255, 0.25) !important;
    transform: scale(1.02) !important;
  }
  
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover .wp-block-navigation-item__label {
    color: #000000 !important;
    font-weight: 600 !important;
  }
  
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
    transition: all 0.2s ease !important;
  }
}

/* === PAGE ACTUELLE === */
.wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content {
    background-color: rgba(255, 255, 255, 0.25) !important;
    border-radius: 6px !important;
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.5) !important;
}

.wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content .wp-block-navigation-item__label {
    font-weight: 700 !important;
    color: #ffffff !important;
}

/* === BOUTON HAMBURGER ANIMATION === */
.wp-block-navigation__responsive-container-open {
  transition: transform 0.3s ease !important;
}

.wp-block-navigation__responsive-container-open:hover {
  transform: scale(1.1) !important;
}