.elementor-429 .elementor-element.elementor-element-14a0422{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-429 .elementor-element.elementor-element-351003b{--display:flex;}.elementor-429 .elementor-element.elementor-element-351003b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-429 .elementor-element.elementor-element-17d4933{--display:flex;--min-height:370px;}.elementor-429 .elementor-element.elementor-element-17d4933.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-429 .elementor-element.elementor-element-095fb9c.elementor-element{--align-self:center;}.elementor-429 .elementor-element.elementor-element-f009c35{--display:flex;}@media(min-width:768px){.elementor-429 .elementor-element.elementor-element-351003b{--width:97.097%;}.elementor-429 .elementor-element.elementor-element-17d4933{--width:90%;}}@media(max-width:1024px){.elementor-429 .elementor-element.elementor-element-14a0422{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-429 .elementor-element.elementor-element-14a0422{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for shortcode, class: .elementor-element-095fb9c *//* ===============================
   WooCommerce — Mon Compte
   NAV + LAYOUT 2 COLONNES
   - Menu à gauche = 50%
   - Contenu à droite = 50%
   - Hauteur min par item + centrage vertical
   - Aucun fond au survol
   =============================== */

/* 0) VARIABLES — tout se règle ici */
:root{
  /* Couleurs */
  --acct-blue: #143a66;           /* Couleur texte principale */
  --acct-border: #e7ebf2;         /* Bordure du conteneur */
  --acct-sep: #eef1f6;            /* Séparateurs entre lignes */

  /* Typo & métriques */
  --acct-font-size: 28px;         /* TAILLE POLICE — change cette valeur */
  --acct-item-min-h: 60px;        /* HAUTEUR MIN PAR ITEM — augmente/diminue */
  --acct-pad-x: 20px;             /* Padding horizontal dans chaque lien */
  --acct-radius: 8px;             /* Rayon du conteneur du menu */

  /* LAYOUT 2 COLONNES */
  --acct-gap: 24px;               /* Espace entre colonne gauche/droite */
  --acct-left: 30%;               /* Largeur colonne gauche (menu) */
  --acct-right: 60%%;              /* Largeur colonne droite (contenu) */
  /* Astuce: tu peux mettre 30% / 70% selon ton besoin */
}

/* 1) LAYOUT — force WooCommerce en 2 colonnes (neutralise les floats du thème) */
.woocommerce-account .woocommerce{
  display: flex !important;               /* passe en flex */
  gap: var(--acct-gap) !important;        /* espace entre colonnes */
  align-items: flex-start !important;     /* aligne en haut */
}

/* 1.1) Colonne gauche = navigation (menu) */
.woocommerce-MyAccount-navigation{
  flex: 0 0 var(--acct-left) !important;  /* largeur fixe de la colonne */
  max-width: var(--acct-left) !important; 
  width: var(--acct-left) !important;
  float: none !important;                  /* supprime les floats hérités */
  box-sizing: border-box !important;
}

/* 1.2) Colonne droite = contenu */
.woocommerce-MyAccount-content{
  flex: 0 0 var(--acct-right) !important; /* largeur fixe de la colonne */
  max-width: var(--acct-right) !important;
  width: var(--acct-right) !important;
  float: none !important;
  box-sizing: border-box !important;
}

/* 1.3) Responsive — repasse en pile sur mobile */
@media (max-width: 768px){
  .woocommerce-account .woocommerce{
    display: block !important;            /* stop flex */
  }
  .woocommerce-MyAccount-navigation,
  .woocommerce-MyAccount-content{
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
}

/* 2) RESET LISTE/STRUCTURE — supprime puces, marges, padding */
.woocommerce-account .woocommerce-MyAccount-navigation ul,
.woocommerce-account .woocommerce-MyAccount-navigation li,
.woocommerce .woocommerce-MyAccount-navigation ul,
.woocommerce .woocommerce-MyAccount-navigation li{
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.woocommerce-MyAccount-navigation ul li::marker{ display: none !important; }

/* 3) RESET DECOS — enlève backgrounds, bordures, pseudo-éléments */
.woocommerce-MyAccount-navigation ul li,
.woocommerce-MyAccount-navigation ul li *,
.woocommerce-MyAccount-navigation ul li::before,
.woocommerce-MyAccount-navigation ul li::after,
.woocommerce-MyAccount-navigation ul li a::before,
.woocommerce-MyAccount-navigation ul li a::after,
.woocommerce-MyAccount-navigation ul li span::before,
.woocommerce-MyAccount-navigation ul li span::after{
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
  outline: 0 !important;
  text-indent: 0 !important;
}
.woocommerce-MyAccount-navigation ul li::before,
.woocommerce-MyAccount-navigation ul li::after,
.woocommerce-MyAccount-navigation ul li a::before,
.woocommerce-MyAccount-navigation ul li a::after,
.woocommerce-MyAccount-navigation ul li span::before,
.woocommerce-MyAccount-navigation ul li span::after{
  content: none !important;
  display: none !important;
}

/* 4) CONTENEUR DU MENU — carte blanche avec bordure */
.woocommerce-MyAccount-navigation ul{
  background: #fff !important;
  border: 1px solid var(--acct-border) !important;
  border-radius: var(--acct-radius) !important;
  overflow: hidden !important;
  box-shadow: 0 2px 6px rgba(0,0,0,.06) !important;
}

/* 5) SÉPARATEURS ENTRE LES LIGNES DU MENU */
.woocommerce-MyAccount-navigation ul li{
  border-bottom: 1px solid var(--acct-sep) !important;

  /* Hauteur minimale de la ligne (affecte <li>) */
  min-height: var(--acct-item-min-h) !important;

  /* Flex pour que <a> prenne la même hauteur */
  display: flex !important;
}
.woocommerce-MyAccount-navigation ul li:last-child{
  border-bottom: none !important;
}

/* 6) LIEN — état normal (centré verticalement, largeur 100%) */
.woocommerce-MyAccount-navigation ul li > a{
  display: flex !important;               /* pour centrer verticalement le texte */
  align-items: center !important;

  min-height: var(--acct-item-min-h) !important;  /* même hauteur que <li> */
  padding: 0 var(--acct-pad-x) !important;         /* padding horizontal */
  width: 100% !important;

  background: #fff !important;
  color: var(--acct-blue) !important;
  font-weight: 600 !important;
  font-size: var(--acct-font-size) !important;     /* ← CHANGE LA TAILLE ICI (ou dans :root) */
  line-height: 1.25 !important;                    /* hauteur de ligne relative */
  text-decoration: none !important;
  border-radius: 0 !important;
  transition: color .18s ease !important;
}

/* 7) SURVOL — aucun fond (ni gris ni orange), simple feedback */
.woocommerce-MyAccount-navigation ul li > a:hover{
  background: transparent !important;
  color: var(--acct-blue) !important;
  text-decoration: underline !important;  /* retire si tu n'en veux pas */
}

/* 8) FOCUS CLAVIER — visible sans fond (accessibilité) */
.woocommerce-MyAccount-navigation ul li > a:focus-visible{
  background: transparent !important;
  outline: 2px solid var(--acct-blue) !important;
  outline-offset: 2px !important;
  text-decoration: none !important;
}

/* 9) ACTIF — onglet courant (fond bleu, texte blanc) */
.woocommerce-MyAccount-navigation ul li.is-active > a{
  background-color: var(--acct-blue) !important;
  color: #fff !important;
  text-decoration: none !important;
}

/* 10) SÛRETÉ — ne pas colorer le <li> au survol */
.woocommerce-MyAccount-navigation ul li:hover{
  background: transparent !important;
}

/* 11) ENFANTS DU LIEN — gardent la couleur du parent */
.woocommerce-MyAccount-navigation ul li > a *{
  color: inherit !important;
  background: transparent !important;
}/* End custom CSS */