.elementor-188 .elementor-element.elementor-element-66e7b4e{--display:flex;}@media(max-width:1024px){.elementor-188 .elementor-element.elementor-element-2fee698{--tab-content-spacing:0px;--tabs-alignment:start;}}@media(max-width:767px){.elementor-188 .elementor-element.elementor-element-2fee698{width:var( --container-widget-width, 328px );max-width:328px;--container-widget-width:328px;--container-widget-flex-grow:0;}}/* Start custom CSS for woocommerce-my-account, class: .elementor-element-2fee698 *//**************************************************************
 * MON COMPTE — CSS FINAL (marges, 2 colonnes, fonds propres)
 * Section Elementor parente : ID = profil-wrap
 **************************************************************/

/* Conteneur global */
#profil-wrap{
  max-width:1200px;
  margin:60px auto;
  padding:0 24px;
  box-sizing:border-box;
}

/* Grille 2 colonnes */
#profil-wrap .woocommerce-account{
  display:flex;
  flex-wrap:wrap;
  gap:2rem;
  align-items:flex-start;
}

/* ===== Désactivation de TOUT décor parasite (thème + Elementor) ===== */
#profil-wrap .elementor-widget-container,
#profil-wrap .elementor-widget-container::before,
#profil-wrap .elementor-widget-container::after{
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
  content:none !important;
}
#profil-wrap nav.woocommerce-MyAccount-navigation,
#profil-wrap nav.woocommerce-MyAccount-navigation *::before,
#profil-wrap nav.woocommerce-MyAccount-navigation *::after{
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  border:0 !important;
  content:none !important;
  opacity:1 !important;
}

/* ===== NAVIGATION — fond sur LI (plein), texte calé via A ===== */
#profil-wrap nav.woocommerce-MyAccount-navigation{
  flex:0 0 260px;
  background:#fff;
  padding:12px;
  border-radius:14px;
  box-shadow:0 2px 8px rgba(0,0,0,.06);
  position:relative; z-index:2; border:0;
}

/* reset décor thème */
#profil-wrap nav.woocommerce-MyAccount-navigation,
#profil-wrap nav.woocommerce-MyAccount-navigation *::before,
#profil-wrap nav.woocommerce-MyAccount-navigation *::after{
  background-image:none !important; box-shadow:none !important; border:0 !important; content:none !important;
}

#profil-wrap nav.woocommerce-MyAccount-navigation ul{list-style:none; margin:0; padding:0}
#profil-wrap nav.woocommerce-MyAccount-navigation li{
  margin:0 0 16px 0;                 /* espace entre tuiles */
  border-radius:12px;                 /* coins arrondis des tuiles */
  background:#05175e;                 /* 🎯 FOND par défaut (PLEIN) */
  width:750%;
  position:relative;
  overflow:hidden;
}
#profil-wrap nav.woocommerce-MyAccount-navigation li.is-active,
#profil-wrap nav.woocommerce-MyAccount-navigation li:hover{
  background:#7f9661;                 /* fond actif / hover */
}

/* Lien = bloc plein largeur, sans fond, qui gère juste le texte */
#profil-wrap nav.woocommerce-MyAccount-navigation li > a{
  display:flex; align-items:center; justify-content:flex-start;
  width:100%; box-sizing:border-box;
  padding:12px 15px;                  /* 👈 règle ici pour décaler le texte */
  color:#FFF8F3;                      /* texte clair sur fond foncé */
  text-decoration:none !important; font-weight:700; white-space:nowrap;
  background:transparent !important;  /* le fond reste sur LI */
}

/* état actif/hors sur le texte */
#profil-wrap nav.woocommerce-MyAccount-navigation li.is-active > a,
#profil-wrap nav.woocommerce-MyAccount-navigation li:hover > a{
  color:#ffffff;
}

/* ===== Contenu (colonne droite) ===== */
#profil-wrap .woocommerce-MyAccount-content{
  flex:1 1 auto;
  background:#fff;
  padding:30px;
  border-radius:14px;
  box-shadow:0 2px 8px rgba(0,0,0,.06);
  min-width:0;
  z-index:1;
  border:0;
}
/* Encadré “Bonjour …” */
#profil-wrap .woocommerce-MyAccount-content > p:first-of-type{
  background:#f9fbfc;
  border:1px solid #e3e8ef;
  border-radius:10px;
  padding:16px 20px;
  box-shadow:0 2px 4px rgba(0,0,0,.04);
  margin-top:0;
}

/* Boutons */
#profil-wrap .woocommerce-MyAccount-content .button,
#profil-wrap .woocommerce-MyAccount-content button,
#profil-wrap .woocommerce-MyAccount-content .woocommerce-button{
  background:#0a5ea8; color:#fff; border:none;
  border-radius:10px; padding:10px 16px; font-weight:700;
  transition:background .25s;
}
#profil-wrap .woocommerce-MyAccount-content .button:hover,
#profil-wrap .woocommerce-MyAccount-content button:hover,
#profil-wrap .woocommerce-MyAccount-content .woocommerce-button:hover{
  background:#084b86;
}

/* Fond global doux (optionnel) */
body.woocommerce-account{ background:#f5efe9; }

/* Responsive */
@media (max-width:1024px){ #profil-wrap{padding:0 20px} }
@media (max-width:768px){
  #profil-wrap{margin:40px auto; padding:0 16px}
  #profil-wrap .woocommerce-account{flex-direction:column; gap:1.2rem}
  #profil-wrap nav.woocommerce-MyAccount-navigation,
  #profil-wrap .woocommerce-MyAccount-content{flex:1 1 100%; box-shadow:none}
  #profil-wrap nav.woocommerce-MyAccount-navigation a{ background:#fff; border:1px solid #e3e8ef }
}
/* === Liens dans le contenu "Mon Compte" === */
#profil-wrap .woocommerce-MyAccount-content a {
  color: #7f9661;             /* 👈 ta couleur personnalisée */
  text-decoration: none;      /* supprime le soulignement si tu veux */
  font-weight: 600;           /* optionnel : un peu plus visible */
}

#profil-wrap .woocommerce-MyAccount-content a:hover {
  color: #05175e;             /* 👈 couleur au survol (plus foncée par ex.) */
  text-decoration: underline; /* ou 'none' si tu veux pas de soulignement */
}

/* ——— Mon compte > Adresses : corrige le lien "Ajouter / Modifier" ——— */
#profil-wrap .woocommerce-Addresses .woocommerce-Address .title,
#profil-wrap .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title {
  display: flex;
  align-items: center;
  justify-content: space-between;     /* titre à gauche, lien à droite */
  gap: 12px;
}

/* Le lien "Ajouter / Modifier" */
#profil-wrap .woocommerce-Addresses .woocommerce-Address .edit {
  order: 2;
  margin: 0;
  padding: 6px 10px;
  border-radius: 8px;
  background: #eaf0e4;                /* vert très pâle (optionnel) */
  color: #7f9661;                      /* ton vert */
  text-decoration: none;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

/* Survol du lien */
#profil-wrap .woocommerce-Addresses .woocommerce-Address .edit:hover {
  background: #7f9661;
  color: #fff;
}

/* Titre (évite l’énorme taille qui casse la ligne) */
#profil-wrap .woocommerce-Addresses .woocommerce-Address .title h3,
#profil-wrap .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title h3 {
  margin: 0;
  font-size: 24px;                    /* ajuste si tu veux (22–28px) */
  line-height: 1.2;
  font-weight: 700;
}

/* Cartes d’adresse : un peu d’air */
#profil-wrap .woocommerce-Addresses .woocommerce-Address {
  background: #f9fbfc;
  border-radius: 10px;
  padding: 24px;
}/* End custom CSS */