/* ============================================================================
 * BYÜ — correctif du survol du menu d'en-tête                     2026-08-23
 * ----------------------------------------------------------------------------
 * DÉFAUT CORRIGÉ
 *   Survoler « eSIM » faisait disparaître le libellé « Réseau social ».
 *
 * CAUSE
 *   Le thème Poity active le mode « lavalamp » sur les deux menus d'en-tête
 *   (<nav class="primary-nav menu_line_enable">). Dans ce mode :
 *     - assets/e197c0d6_theme-addons.js  → wglMenuLavalamp() insère UNE seule
 *       <div class="lavalamp-object"> dans le <ul>, et la déplace sur l'item
 *       survolé à chaque mouseenter (_move) ;
 *     - assets/64407972_main.css         → cette div EST la pastille orange
 *       (background: currentColor, border-radius 15px, height 60px) ;
 *     - assets/64407972_main.css         → les pastilles par item
 *       (.menu-item_dots) sont mises en display:none !important ;
 *     - assets/45ea722e_post-3478.css    → l'onglet courant a color:#FFFFFF.
 *   Quand la pastille unique quitte « Réseau social » pour suivre le curseur,
 *   il reste du texte blanc sur le fond blanc du conteneur d'en-tête
 *   (.elementor-element-12934a3 → background-color:#FFFFFF) : le libellé
 *   devient invisible.
 *
 * CORRECTIF
 *   1. on neutralise la pastille mobile ;
 *   2. on réactive la pastille statique NATIVE du thème (.menu-item_dots),
 *      uniquement sur l'onglet de la page courante — même géométrie
 *      (largeur = boîte du <a>, hauteur 60px, rayon 15px héritable) ;
 *   3. le survol ne change plus QUE la couleur du texte du lien survolé.
 *
 * PORTÉE
 *   Tous les sélecteurs exigent .primary-nav.menu_line_enable : seuls les deux
 *   menus d'en-tête (header + sticky header) le portent. Le menu du panneau
 *   latéral (.primary-nav sans menu_line_enable, widget 6f50346) et les menus
 *   de pied de page (.primary-nav.footer-menu) ne sont donc jamais touchés.
 * ========================================================================== */

/* 1. Neutralise la pastille orange flottante qui suit le curseur. */
.primary-nav.menu_line_enable > ul > .lavalamp-object {
  display: none !important;
}

/* 2. Pastille orange statique, ancrée sur l'onglet de la page courante.
 *    .menu-item_dots est l'élément natif du thème : positionné en absolu dans
 *    le <a> (position:relative), fond var(--poity-primary-color) = #FF7A00,
 *    border-radius héritable de .item_wrapper_text (15px), pointer-events:none.
 *    height:60px reproduit exactement la hauteur de l'ancienne pastille
 *    lavalamp (main.css) au lieu du calc(100% - 2px)/max-height:58px natif. */
.primary-nav.menu_line_enable > ul > li[class*="current"] > a .item_wrapper_text .menu-item_dots {
  display: block !important;
  opacity: 1;
  height: 60px;
  max-height: 100%;
}

/* 2 bis. Repli à l'identique du thème : sur les 12 pages qui ne figurent pas
 *    dans le menu (/faq/, /histoire/, /cgu/, /cgv/, /cgu-partner/, /telecharger/,
 *    /confidentialite/, /politique-remboursement/, /privacy-policy-partner/,
 *    /suppression-donnees/, /esim-up/, /404-2/), aucun <li> ne porte de classe
 *    « current ». Le JS lavalamp (reload()) posait alors la pastille sur le
 *    PREMIER item par défaut. On reproduit ce repli pour ne rien changer à
 *    l'apparence de ces pages. Le texte y reste gris foncé, comme aujourd'hui.
 *    Si :has() n'est pas reconnu, la règle est simplement ignorée : ces pages
 *    perdent la pastille, sans autre effet. */
.primary-nav.menu_line_enable > ul:not(:has(> li[class*="current"])) > li:first-of-type > a .item_wrapper_text .menu-item_dots {
  display: block !important;
  opacity: 1;
  height: 60px;
  max-height: 100%;
}

/* 3. Survol d'un onglet NON courant : uniquement la couleur du texte, en noir.
 *    !important pour battre post-3478.css qui force #FFFFFF au survol
 *    (couleur prévue pour du texte posé sur la pastille, qui ne bouge plus). */
.primary-nav.menu_line_enable > ul > li:not([class*="current"]):hover > a {
  color: #000000 !important;
}