.elementor-10 .elementor-element.elementor-element-51cb1707{--display:flex;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-10 .elementor-element.elementor-element-1083720 > .elementor-widget-container{margin:12px 12px 12px 12px;}/* Start custom CSS for text-editor, class: .elementor-element-1083720 *//* Conteneur du menu "Mon compte" */
.woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;

  /* Une seule colonne */
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* On enlève les marges par défaut des <li> */
.woocommerce-MyAccount-navigation-link {
  margin: 0;
  padding: 0;
}

/* Style des liens sous forme de tuiles */
.woocommerce-MyAccount-navigation-link a {
  display: block;
  padding: 1rem 1.2rem;
  border-radius: 8px;

  background: #ffffff;
  color: #374151;
  text-decoration: none;
  font-weight: 500;
  text-align: left;

  border: 1px solid #e5e7eb;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  transition:
    background-color 0.15s ease,
    color 0.15s ease,
    transform 0.15s ease,
    box-shadow 0.15s ease;
}

/* Couleur au survol : gris */
.woocommerce-MyAccount-navigation-link a:hover {
  background: #6b7280;
  color: #ffffff;
  border-color: #6b7280;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(107, 114, 128, 0.3);
}

/* Lien actif (page en cours) : vert foncé bien visible */
.woocommerce-MyAccount-navigation-link.is-active a,
.woocommerce-MyAccount-navigation-link a[aria-current="page"] {
  background: #8a93a5;
  color: #ffffff;
  border-color: #8a93a5;
  box-shadow: 0 4px 12px rgba(22, 101, 52, 0.4);
}

/* Éviter que le hover change l'état actif */
.woocommerce-MyAccount-navigation-link.is-active a:hover,
.woocommerce-MyAccount-navigation-link a[aria-current="page"]:hover {
  background: #15803d;
  color: #ffffff;
  border-color: #15803d;
}

/* Garder la couleur pour les liens déjà visités */
.woocommerce-MyAccount-navigation-link a:visited {
  color: #374151;
}

.woocommerce-MyAccount-navigation-link.is-active a:visited,
.woocommerce-MyAccount-navigation-link a[aria-current="page"]:visited {
  color: #ffffff;
}
.button wpifw-my-account-invoice {margin-left:10px;}/* End custom CSS */
/* Start custom CSS */a.wpifw-my-account-invoice  {margin-left:10px;}/* End custom CSS */