/* --- ID 242: hivepress - sidebar --- */
/* ================================
   2) Sidebar compte + dropdown header
      -> style secondaire plein bleu + glow
   ================================ */

/* ITEM ACTIF (sidebar + dropdown) */
.hp-menu--user-account .hp-menu__item--current > a,
.hp-menu--user-account .hp-menu__item--current.current-menu-item > a {
  background-image: none !important;
  background-color: #4C6FFF !important;     /* bleu plein */
  color: #ffffff !important;
  border-radius: 999px !important;
  box-shadow:
    0 16px 40px rgba(76, 111, 255, 0.40),
    0 0 0 1px rgba(255, 255, 255, 0.05) !important;
  padding-inline: 1.6rem !important;
  padding-block: 0.65rem !important;
}

/* On s’assure que le texte à l’intérieur reste blanc */
.hp-menu--user-account .hp-menu__item--current > a span {
  color: #ffffff !important;
}

/* Hover de l’item actif : reste bleu, juste un peu plus de glow */
.hp-menu--user-account .hp-menu__item--current > a:hover {
  background-color: #4C6FFF !important;
  color: #ffffff !important;
  box-shadow:
    0 20px 50px rgba(76, 111, 255, 0.55),
    0 0 0 1px rgba(255, 255, 255, 0.06) !important;
}

/* On neutralise tout héritage de gradient vert/bleu sur ces éléments */
.hp-menu--user-account .hp-menu__item--current > a,
.hp-menu--user-account .hp-menu__item > a {
  background-image: none !important;
  border: none !important;
}


/* =========================================
   2) Sidebar & dropdown : lien courant
      -> texte toujours blanc, jamais vert
   ========================================= */

.hp-menu--user-account .hp-menu__item--current > a,
.hp-menu--user-account .hp-menu__item--current > a span,
.hp-menu--user-account .hp-menu__item--current > a:hover,
.hp-menu--user-account .hp-menu__item--current > a:hover span,
.header-navbar__menu .sub-menu.hp-menu--user-account
  .hp-menu__item--current > a,
.header-navbar__menu .sub-menu.hp-menu--user-account
  .hp-menu__item--current > a span,
.header-navbar__menu .sub-menu.hp-menu--user-account
  .hp-menu__item--current > a:hover,
.header-navbar__menu .sub-menu.hp-menu--user-account
  .hp-menu__item--current > a:hover span {
  color: #ffffff !important;
}

/* =========================================
   3) Éviter la "double pastille" :
      on enlève les vieux fonds sur le <li>
   ========================================= */

.hp-menu--user-account .hp-menu__item,
.header-navbar__menu .sub-menu.hp-menu--user-account .hp-menu__item {
  background: transparent !important;
  box-shadow: none !important;
}

/* Et on coupe leurs pseudo-éléments */
.hp-menu--user-account .hp-menu__item::before,
.hp-menu--user-account .hp-menu__item::after,
.header-navbar__menu .sub-menu.hp-menu--user-account
  .hp-menu__item::before,
.header-navbar__menu .sub-menu.hp-menu--user-account
  .hp-menu__item::after {
  content: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Hover uniquement sur les items NON courants (sidebar) */
.hp-menu--user-account .hp-menu__item:not(.hp-menu__item--current) > a:hover {
  background: #ffffff !important;
  color: #4C6FFF !important;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.10) !important;
}

/* Hover uniquement sur les items NON courants (dropdown) */
.header-navbar__menu .sub-menu.hp-menu--user-account
  .hp-menu__item:not(.hp-menu__item--current) > a:hover {
  background: #4C6FFF !important;
  color: #ffffff !important;
  box-shadow: 0 18px 40px rgba(76, 111, 255, 0.35) !important;
}














/* Empêche le vert sur l’élément actif, même au hover */
.hp-menu--user-account .hp-menu__item--current > a,
.hp-menu--user-account .hp-menu__item--current > a span {
    color: #ffffff !important;
}

.hp-menu--user-account .hp-menu__item--current:hover > a,
.hp-menu--user-account .hp-menu__item--current:hover > a span {
    color: #ffffff !important;
}




/* Sidebar compte : l'élément actif reste toujours en blanc, même au hover */
.hp-menu--user-account li.hp-menu__item--current.current-menu-item > a,
.hp-menu--user-account li.hp-menu__item--current.current-menu-item > a span,
.hp-menu--user-account li.hp-menu__item--current.current-menu-item:hover > a,
.hp-menu--user-account li.hp-menu__item--current.current-menu-item:hover > a span,
.hp-menu--user-account li.hp-menu__item--current.current-menu-item a:hover,
.hp-menu--user-account li.hp-menu__item--current.current-menu-item a:hover span {
  color: #ffffff !important;
}