/* --- ID 239: header --- */
/* =========================================
   1) Menu user header : supprimer TOUTES
      les barres/pseudo-éléments au-dessus
      et en dessous du dropdown
   ========================================= */

/* Supprime absolument tous les pseudo-éléments parasites du menu user */
.header-navbar__menu .menu li.menu-item--user-account::before,
.header-navbar__menu .menu li.menu-item--user-account::after,
.header-navbar__menu .menu li.menu-item--user-account > a::before,
.header-navbar__menu .menu li.menu-item--user-account > a::after,
.header-navbar__menu .sub-menu.hp-menu--user-account::before,
.header-navbar__menu .sub-menu.hp-menu--user-account::after {
    content: none !important;
    display: none !important;
    background: transparent !important;
    border: 0 !important;
    height: 0 !important;
    width: 0 !important;
    box-shadow: none !important;
}







/* ===========================
   NAV COMPTE (sidebar + dropdown)
   Pastilles propres & pleine largeur
   =========================== */

/* 1) On neutralise les styles de la pastille sur le <span> interne */
.hp-menu--user-account li > a span {
  display: block;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
  box-shadow: none !important;
  pointer-events: none;
}

/* 2) Base commune pour tous les liens (sidebar + dropdown) */
.hp-menu--user-account li > a {
  display: block;
  width: 100%;
  padding: 0.75rem 2rem !important;  /* largeur confortable + pleine ligne */
  border-radius: 999px;
  color: #374151;
  text-decoration: none;
  transition:
    background 0.16s ease,
    box-shadow 0.16s ease,
    color 0.16s ease;
}

/* 3) État actif (page en cours) */
.hp-menu--user-account .hp-menu__item--current > a {
  background: #4C6FFF !important;
  color: #ffffff !important;
  box-shadow: 0 16px 40px rgba(76, 111, 255, 0.40);
}

/* On s'assure que le texte interne hérite bien du blanc */
.hp-menu--user-account .hp-menu__item--current > a span {
  color: inherit !important;
}

/* 4) Hover sur l'élément actif : on garde exactement le même rendu */
.hp-menu--user-account .hp-menu__item--current > a:hover {
  background: #4C6FFF !important;
  color: #ffffff !important;
  box-shadow: 0 18px 45px rgba(76, 111, 255, 0.45);
}

/* 5) Hover sur les autres entrées (non actives) */
.hp-menu--user-account li:not(.hp-menu__item--current) > a:hover {
  background: #ffffff !important;
  color: #4C6FFF !important;
  box-shadow: 0 12px 32px rgba(76, 111, 255, 0.22);
}







/* Empêche le texte de disparaître en hover sur l’élément actif */
.hp-menu--user-account .hp-menu__item--current > a:hover,
.hp-menu--user-account .hp-menu__item--current > a:focus,
.hp-menu--user-account .hp-menu__item--current > a:active {
  color: #ffffff !important;          /* reste blanc */
  background: #4C6FFF !important;     /* reste bleu plein */
  box-shadow: 0 18px 45px rgba(76, 111, 255, 0.45) !important; /* léger glow */
}

/* Sécurise aussi le texte interne */
.hp-menu--user-account .hp-menu__item--current > a:hover span {
  color: #ffffff !important;
}











/* =========================================
   Forcer le style de l'élément ACTIF
   (sidebar + dropdown) même au survol
   ========================================= */

/* Lien actif : état normal + hover/focus/active */
.hp-menu.hp-menu--user-account li.hp-menu__item--current > a,
.hp-menu.hp-menu--user-account li.hp-menu__item--current > a:hover,
.hp-menu.hp-menu--user-account li.hp-menu__item--current > a:focus,
.hp-menu.hp-menu--user-account li.hp-menu__item--current > a:active {
  background: #4C6FFF !important;
  color: #ffffff !important;
  box-shadow: 0 18px 45px rgba(76, 111, 255, 0.45) !important;
}

/* Texte à l’intérieur de l’item actif */
.hp-menu.hp-menu--user-account li.hp-menu__item--current > a span,
.hp-menu.hp-menu--user-account li.hp-menu__item--current > a:hover span,
.hp-menu.hp-menu--user-account li.hp-menu__item--current > a:focus span,
.hp-menu.hp-menu--user-account li.hp-menu__item--current > a:active span {
  color: #ffffff !important;
}

/* Hover sur les AUTRES items seulement */
.hp-menu.hp-menu--user-account li:not(.hp-menu__item--current) > a:hover {
  background: #ffffff !important;
  color: #4C6FFF !important;
  box-shadow: 0 12px 32px rgba(76, 111, 255, 0.22) !important;
}

.hp-menu.hp-menu--user-account li:not(.hp-menu__item--current) > a:hover span {
  color: #4C6FFF !important;
}











/* ==========================================================
   DROPDOWN MENU USER — Hover cohérent avec la sidebar
   ========================================================== */

/* Cible UNIQUEMENT le dropdown, pas la sidebar */
.header-navbar__menu .sub-menu.hp-menu--user-account li:not(.hp-menu__item--current) > a {
  background: transparent !important;
  color: #374151 !important;
}

/* Hover dans le DROPDOWN : fond blanc + texte bleu + glow */
.header-navbar__menu .sub-menu.hp-menu--user-account li:not(.hp-menu__item--current) > a:hover {
  background: #ffffff !important;
  color: #4C6FFF !important;
  box-shadow: 0 12px 32px rgba(76, 111, 255, 0.22) !important;
}

/* Empêche tout fond bleu résiduel du thème */
.header-navbar__menu .sub-menu.hp-menu--user-account li > a {
  background-image: none !important;
}

/* L'élément actif dans le dropdown garde le style sidebar */
.header-navbar__menu .sub-menu.hp-menu--user-account .hp-menu__item--current > a {
  background: #4C6FFF !important;
  color: #ffffff !important;
  box-shadow: 0 16px 40px rgba(76, 111, 255, 0.40) !important;
}

/* Hover de l'actif : reste propre et lisible */
.header-navbar__menu .sub-menu.hp-menu--user-account .hp-menu__item--current > a:hover {
  background: #4C6FFF !important;
  color: #ffffff !important;
  box-shadow: 0 18px 45px rgba(76, 111, 255, 0.45) !important;
}






























/* ==========================================================
   DROPDOWN USER (header) — hover = pastille 100% blanche
   actif = pastille bleue
   (kill toute "mini pastille" interne sur span)
   ========================================================== */

/* Base link = la pastille */
.header-navbar__menu .sub-menu.hp-menu--user-account li > a{
  display:flex !important;
  align-items:center !important;
  gap:.85rem !important;

  width:100% !important;
  padding:.75rem 1.25rem !important;
  border-radius:999px !important;

  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;

  color:#374151 !important;
  text-decoration:none !important;

  transition: background .16s ease, box-shadow .16s ease, color .16s ease;
}

/* KILL total : span ne doit JAMAIS créer une pastille */
.header-navbar__menu .sub-menu.hp-menu--user-account li > a span,
.header-navbar__menu .sub-menu.hp-menu--user-account li > a:hover span,
.header-navbar__menu .sub-menu.hp-menu--user-account li > a:focus span,
.header-navbar__menu .sub-menu.hp-menu--user-account li > a:active span{
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  border:0 !important;

  padding:0 !important;
  margin:0 !important;

  color:inherit !important;
  flex:1 1 auto;
}

/* Notif toujours dedans */
.header-navbar__menu .sub-menu.hp-menu--user-account li > a small{
  margin-left:auto !important;
  width:28px; height:28px; line-height:28px;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  background:#ef4444 !important;
  color:#fff !important;
  font-size:.85rem;
  font-weight:700;
}

/* Hover (non actif) = pastille 100% blanche */
.header-navbar__menu .sub-menu.hp-menu--user-account li:not(.hp-menu__item--current):not(.current-menu-item) > a:hover{
  background:#ffffff !important;
  color:#4C6FFF !important;
  box-shadow:0 12px 32px rgba(76,111,255,.22) !important;
}

/* Actif = pastille bleue */
.header-navbar__menu .sub-menu.hp-menu--user-account li.hp-menu__item--current > a,
.header-navbar__menu .sub-menu.hp-menu--user-account li.current-menu-item > a{
  background:#4C6FFF !important;
  color:#ffffff !important;
  box-shadow:0 16px 40px rgba(76,111,255,.40) !important;
}

/* Actif au hover = reste bleu */
.header-navbar__menu .sub-menu.hp-menu--user-account li.hp-menu__item--current > a:hover,
.header-navbar__menu .sub-menu.hp-menu--user-account li.current-menu-item > a:hover{
  background:#4C6FFF !important;
  color:#ffffff !important;
  box-shadow:0 18px 45px rgba(76,111,255,.45) !important;
}