.elementor-20 .elementor-element.elementor-element-9c90d6b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-5b4d509f{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;color:#DDDDDD;}.elementor-20 .elementor-element.elementor-element-5b4d509f.elementor-element{--align-self:center;}.elementor-20 .elementor-element.elementor-element-5b4d509f a{color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-5b4d509f a:hover, .elementor-20 .elementor-element.elementor-element-5b4d509f a:focus{color:#EDEDED;}/* Start custom CSS for text-editor, class: .elementor-element-5b4d509f *//* =====================================================
   SNEAKORY — MON COMPTE (PAGE-ID-20)
   FINAL CLEAN (sans doublons)
   Objectif final (EDIT ACCOUNT) :
   - Ligne 1 : Prénom + Nom + Nom affiché (3 colonnes)
   - Ligne 2 : Email (plein largeur)
   - Ligne 3 : Bloc mot de passe (plein largeur)
   - Ligne 4 : Bouton centré SOUS le bloc mot de passe
   ===================================================== */

/* Police (UNE SEULE FOIS) */
@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');

:root{
  --bg-1:#0D0D0D;
  --bg-2:#1C1C1C;
  --txt:#EDEDED;
  --muted:rgba(237,237,237,.55);
  --green:#8ABB6C;
  --green-2:#7FB35F;
  --danger:#ff3b3b;
}

/* ===========================
   GLOBAL PAGE BACKGROUND
   =========================== */

.page-id-20 .ct-container-full{
  background: linear-gradient(180deg, var(--bg-1) 0%, var(--bg-2) 100%);
  margin:0 !important;
  padding:0 !important;
  width:100% !important;
}

.page-id-20 .hero-section{ display:none !important; }

.page-id-20 .elementor-20,
.page-id-20 .entry-content,
.page-id-20 article{
  margin:0 !important;
  padding:0 !important;
  max-width:100% !important;
}

/* =========================================
   LOGGED-IN: LAYOUT SIDEBAR + CONTENT
   ========================================= */

body.page-id-20.logged-in .ct-woo-account{
  display:grid !important;
  grid-template-columns: 340px 1fr !important;
  gap:40px !important;
  align-items:stretch !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  min-height:100vh !important;
}

body.page-id-20.logged-in .ct-acount-nav,
body.page-id-20.logged-in .woocommerce-MyAccount-content{
  width:100% !important;
}

/* Sidebar */
body.page-id-20.logged-in .ct-woo-account .ct-acount-nav{
  background: var(--bg-1);
  border-radius:0 !important;
  border:none !important;
  border-right:1px solid var(--bg-2) !important;
  margin:0 !important;
  padding:0 !important;
  height:100% !important;
  align-self:stretch;
}

body.page-id-20.logged-in .ct-woo-account .woocommerce-MyAccount-navigation{
  background:transparent;
  border:none;
  height:100%;
  margin:0 !important;
  padding:0 !important;
}

body.page-id-20.logged-in .woocommerce-MyAccount-navigation ul{
  display:flex;
  flex-direction:column;
  height:100%;
  margin:0 !important;
  padding:0 !important;
}

body.page-id-20.logged-in .woocommerce-MyAccount-navigation li{
  margin:0 !important;
  background:transparent;
  border:none;
}

body.page-id-20.logged-in .woocommerce-MyAccount-navigation a br{
  display:none !important;
}

body.page-id-20.logged-in .woocommerce-MyAccount-navigation li a{
  display:flex;
  align-items:center;
  gap:12px;
  padding:18px 24px;
  background:transparent;
  color: var(--txt);
  text-decoration:none;
  line-height:1.4;
  font-size:17px;
  transition: background .25s ease, color .25s ease;
}

body.page-id-20.logged-in .woocommerce-MyAccount-navigation li a::before{
  margin-right:0;
  flex-shrink:0;
  color:#fff;
  transition: color .25s ease;
}

body.page-id-20.logged-in .woocommerce-MyAccount-navigation li a:hover,
body.page-id-20.logged-in .woocommerce-MyAccount-navigation li.is-active a{
  background: linear-gradient(135deg, var(--green) 0%, var(--bg-1) 100%) !important;
  color:#fff !important;
}

body.page-id-20.logged-in .woocommerce-MyAccount-navigation li a:hover::before,
body.page-id-20.logged-in .woocommerce-MyAccount-navigation li.is-active a::before{
  color:#fff !important;
}

/* Content */
body.page-id-20.logged-in .woocommerce-MyAccount-content{
  background:transparent !important;
  border:none !important;
  padding:40px 60px !important;
  margin:0 !important;
  color:var(--txt);
}

/* =========================================
   NOT LOGGED-IN: LOGIN / REGISTER
   ========================================= */

body.page-id-20:not(.logged-in) .site-content,
body.page-id-20:not(.logged-in) .site-main,
body.page-id-20:not(.logged-in) .ct-container-full{
  padding-top:0 !important;
  margin-top:0 !important;
}

body.page-id-20:not(.logged-in) .ct-container-full{
  padding:40px 0 80px 0 !important;
}

/* titres */
body.page-id-20:not(.logged-in) .woocommerce h2{
  font-family:'Pacifico', cursive !important;
  font-size:32px !important;
  color:#fff !important;
  font-weight:800 !important;
  text-align:center !important;
  margin:0 0 18px 0 !important;
}
body.page-id-20:not(.logged-in) .woocommerce h2::after{
  content:"." !important;
  color:var(--green) !important;
  margin-left:1px !important;
}

/* cartes */
body.page-id-20:not(.logged-in) form.woocommerce-form-login.login,
body.page-id-20:not(.logged-in) form.woocommerce-form-register.register{
  max-width:450px !important;
  padding:28px 26px !important;
  background:var(--bg-1) !important;
  border-radius:12px !important;
  border:1px solid var(--green) !important;
  margin:0 auto !important;
  box-shadow:0 20px 45px rgba(0,0,0,.45) !important;
}

/* labels */
body.page-id-20:not(.logged-in) .woocommerce form label{
  color:var(--green) !important;
  font-size:17px !important;
  font-weight:600 !important;
}

/* enlever br inutiles */
body.page-id-20:not(.logged-in) .woocommerce form label br,
body.page-id-20:not(.logged-in) .woocommerce form p br{ display:none !important; }

/* inputs */
body.page-id-20:not(.logged-in) .woocommerce form .woocommerce-Input{
  width:100% !important;
  background:var(--bg-1) !important;
  border:2px solid var(--green) !important;
  color:#DDDDDD !important;
  border-radius:12px !important;
  padding:10px 14px !important;
  font-size:15px !important;
  transition:.25s ease !important;
}
body.page-id-20:not(.logged-in) .woocommerce form .woocommerce-Input:focus{
  border-color:var(--green) !important;
  box-shadow:0 0 8px rgba(138,187,108,.45) !important;
  background:#0F0F0F !important;
  outline:none !important;
}

/* boutons login/register */
body.page-id-20:not(.logged-in) button.woocommerce-form-login__submit,
body.page-id-20:not(.logged-in) button.woocommerce-form-register__submit{
  display:inline-flex !important;
  align-items:center !important;
  gap:12px !important;
  padding:5px 10px !important;
  border-radius:999px !important;
  background:var(--green) !important;
  color:var(--bg-1) !important;
  font-size:15px !important;
  font-weight:700 !important;
  border:1px solid transparent !important;
  cursor:pointer !important;
  transition:all .2s ease !important;
  position:relative !important;
  overflow:hidden !important;
}
body.page-id-20:not(.logged-in) button.woocommerce-form-login__submit:hover,
body.page-id-20:not(.logged-in) button.woocommerce-form-register__submit:hover{
  background:var(--green-2) !important;
}
body.page-id-20:not(.logged-in) button.woocommerce-form-login__submit:active,
body.page-id-20:not(.logged-in) button.woocommerce-form-register__submit:active{
  transform:scale(.95) !important;
}
body.page-id-20:not(.logged-in) button.woocommerce-form-login__submit::after,
body.page-id-20:not(.logged-in) button.woocommerce-form-register__submit::after{
  content:"" !important;
  width:34px; height:34px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 74 74' fill='none'%3E%3Ccircle cx='37' cy='37' r='35.5' stroke='%230D0D0D' stroke-width='3'/%3E%3Cpath d='M25 35.5C24.17 35.5 23.5 36.17 23.5 37C23.5 37.83 24.17 38.5 25 38.5H48V35.5H25ZM49.06 38.06C49.65 37.47 49.65 36.52 49.06 35.94L39.51 26.39C38.93 25.81 37.98 25.81 37.39 26.39C36.81 26.98 36.81 27.93 37.39 28.51L45.88 37L37.39 45.49C36.81 46.07 36.81 47.02 37.39 47.61C37.98 48.19 38.93 48.19 39.51 47.61L49.06 38.06Z' fill='%230D0D0D'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center;
  transition:transform .3s ease-in-out !important;
}
body.page-id-20:not(.logged-in) button.woocommerce-form-login__submit:hover::after,
body.page-id-20:not(.logged-in) button.woocommerce-form-register__submit:hover::after{
  transform:translateX(5px);
}

/* =====================================================
   EDIT ACCOUNT — FINAL LAYOUT (GRID ROBUST)
   Objectif :
   - Ligne 1 : Prénom + Nom + Nom affiché (3 colonnes)
   - Ligne 2 : Email (plein largeur)
   - Ligne 3 : Mot de passe (plein largeur)
   - Ligne 4 : Bouton centré SOUS le mot de passe
   ===================================================== */

/* 1) Neutraliser les trucs Woo qui cassent le layout */
body.page-id-20.logged-in .woocommerce-EditAccountForm.edit-account .clear{
  display:none !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
}

body.page-id-20.logged-in .woocommerce-EditAccountForm.edit-account br{
  display:none !important;
}

body.page-id-20.logged-in .woocommerce-EditAccountForm.edit-account,
body.page-id-20.logged-in .woocommerce-EditAccountForm.edit-account *{
  box-sizing:border-box !important;
}

/* Woo utilise parfois des floats */
body.page-id-20.logged-in .woocommerce-EditAccountForm.edit-account .woocommerce-form-row,
body.page-id-20.logged-in .woocommerce-EditAccountForm.edit-account .form-row{
  float:none !important;
  clear:none !important;
  width:auto !important;
  margin:0 !important;
}

/* 2) Le FORM en GRID */
body.page-id-20.logged-in .woocommerce-MyAccount-content
form.woocommerce-EditAccountForm.edit-account{
  max-width:1200px !important;
  margin:0 auto !important;

  display:grid !important;
  grid-template-columns: 1fr 1fr 1fr !important; /* 3 champs en ligne 1 */
  gap:16px 28px !important;
  align-items:start !important;
}

/* Reset marges des enfants directs */
body.page-id-20.logged-in .woocommerce-MyAccount-content
form.woocommerce-EditAccountForm.edit-account > p,
body.page-id-20.logged-in .woocommerce-MyAccount-content
form.woocommerce-EditAccountForm.edit-account > fieldset,
body.page-id-20.logged-in .woocommerce-MyAccount-content
form.woocommerce-EditAccountForm.edit-account > div{
  margin:0 !important;
  padding:0 !important;
}

/* 3) Placement exact des champs via leurs IDs */

/* Ligne 1 */
body.page-id-20.logged-in form.woocommerce-EditAccountForm.edit-account > p:has(#account_first_name){
  grid-column:1 !important; grid-row:1 !important;
}
body.page-id-20.logged-in form.woocommerce-EditAccountForm.edit-account > p:has(#account_last_name){
  grid-column:2 !important; grid-row:1 !important;
}
body.page-id-20.logged-in form.woocommerce-EditAccountForm.edit-account > p:has(#account_display_name){
  grid-column:3 !important; grid-row:1 !important;
}

/* Ligne 2 : Email plein largeur */
body.page-id-20.logged-in form.woocommerce-EditAccountForm.edit-account > p:has(#account_email){
  grid-column:1 / -1 !important; grid-row:2 !important;
}

/* Ligne 3 : Fieldset mot de passe plein largeur */
body.page-id-20.logged-in form.woocommerce-EditAccountForm.edit-account > fieldset{
  grid-column:1 / -1 !important; grid-row:3 !important;

  padding:18px 20px 10px !important;
  border:1px solid rgba(138,187,108,.55) !important;
  border-radius:16px !important;
  background:rgba(13,13,13,.50) !important;
}

/* Ligne 4 : bouton en bas
   Cas A) le bouton est dans un <p> ou <div> */
body.page-id-20.logged-in form.woocommerce-EditAccountForm.edit-account > p:has(button[name="save_account_details"]),
body.page-id-20.logged-in form.woocommerce-EditAccountForm.edit-account > div:has(button[name="save_account_details"]){
  grid-column:1 / -1 !important;
  grid-row:4 !important;

  display:flex !important;
  justify-content:center !important;
  margin-top:16px !important;
}

/* Cas B) le bouton est direct enfant du form */
body.page-id-20.logged-in form.woocommerce-EditAccountForm.edit-account > button[name="save_account_details"]{
  grid-column:1 / -1 !important;
  grid-row:4 !important;
  justify-self:center !important;
  margin-top:16px !important;
}

/* 4) Styles internes (labels / inputs) */
body.page-id-20.logged-in form.woocommerce-EditAccountForm.edit-account .woocommerce-form-row{
  display:grid !important;
  gap:6px !important;
}

body.page-id-20.logged-in form.woocommerce-EditAccountForm.edit-account label{
  font-family:'Pacifico', cursive !important;
  font-size:22px !important;
  font-weight:800 !important;
  color:#fff !important;
  line-height:1.1 !important;
}
body.page-id-20.logged-in form.woocommerce-EditAccountForm.edit-account label::after{
  content:" ." !important;
  color:var(--green) !important;
  font-weight:900 !important;
}
body.page-id-20.logged-in form.woocommerce-EditAccountForm.edit-account .required{
  color:var(--danger) !important;
}

body.page-id-20.logged-in form.woocommerce-EditAccountForm.edit-account .woocommerce-Input{
  width:100% !important;
  height:46px !important;
  padding:10px 14px !important;

  background:var(--bg-1) !important;
  border:2px solid rgba(138,187,108,.55) !important;
  border-radius:14px !important;

  color:var(--txt) !important;
  font-size:15px !important;

  margin:0 !important;
  box-shadow:none !important;
  transition:.2s ease !important;
}
body.page-id-20.logged-in form.woocommerce-EditAccountForm.edit-account .woocommerce-Input:focus{
  outline:none !important;
  border-color:var(--green) !important;
  box-shadow:0 0 14px rgba(138,187,108,.28) !important;
}

body.page-id-20.logged-in #account_display_name_description{
  display:block !important;
  margin-top:6px !important;
  color:var(--muted) !important;
  font-style:italic !important;
  font-size:14px !important;
}

/* Fieldset title */
body.page-id-20.logged-in form.woocommerce-EditAccountForm.edit-account fieldset legend{
  font-family:'Pacifico', cursive !important;
  font-size:34px !important;
  font-weight:900 !important;
  color:#fff !important;
  padding:0 8px !important;
  margin:0 0 10px 0 !important;
}
body.page-id-20.logged-in form.woocommerce-EditAccountForm.edit-account fieldset legend::after{
  content:" ." !important;
  color:var(--green) !important;
}
body.page-id-20.logged-in form.woocommerce-EditAccountForm.edit-account fieldset p{
  margin:0 0 14px 0 !important;
}

/* 5) Bouton style + centré */
body.page-id-20.logged-in form.woocommerce-EditAccountForm.edit-account button[name="save_account_details"]{
  width:min(720px, 100%) !important;
  display:block !important;

  padding:14px 22px !important;
  border-radius:999px !important;
  border:none !important;

  font-weight:800 !important;
  font-size:16px !important;
  color:#0D0D0D !important;

  background:linear-gradient(135deg, #8ABB6C 0%, #EDEDED 100%) !important;
  cursor:pointer !important;
  transition:.2s ease !important;
}
body.page-id-20.logged-in form.woocommerce-EditAccountForm.edit-account button[name="save_account_details"]:hover{
  filter:brightness(1.06) !important;
  transform:translateY(-1px) !important;
}

/* 6) Mobile : 1 colonne */
@media (max-width:980px){
  body.page-id-20.logged-in .woocommerce-MyAccount-content
  form.woocommerce-EditAccountForm.edit-account{
    grid-template-columns:1fr !important;
  }

  body.page-id-20.logged-in form.woocommerce-EditAccountForm.edit-account > p:has(#account_first_name),
  body.page-id-20.logged-in form.woocommerce-EditAccountForm.edit-account > p:has(#account_last_name),
  body.page-id-20.logged-in form.woocommerce-EditAccountForm.edit-account > p:has(#account_display_name),
  body.page-id-20.logged-in form.woocommerce-EditAccountForm.edit-account > p:has(#account_email),
  body.page-id-20.logged-in form.woocommerce-EditAccountForm.edit-account > fieldset,
  body.page-id-20.logged-in form.woocommerce-EditAccountForm.edit-account > p:has(button[name="save_account_details"]),
  body.page-id-20.logged-in form.woocommerce-EditAccountForm.edit-account > div:has(button[name="save_account_details"]),
  body.page-id-20.logged-in form.woocommerce-EditAccountForm.edit-account > button[name="save_account_details"]{
    grid-column:1 !important;
    grid-row:auto !important;
  }
}


/* =====================================================
   FINAL PATCH (A COLLER TOUT EN BAS)
   - Password block: inputs moins larges + labels fins
   - Fix icône oeil DANS l’input
   - Save button: style “outline” (comme Vendeurs) + icône save
   ===================================================== */

/* ---------- 1) PASSWORD FIELDSET: ne touche QUE le bloc mot de passe ---------- */
body.page-id-20.logged-in
form.woocommerce-EditAccountForm.edit-account > fieldset{
  /* garde ton card mais plus clean */
  padding: 22px 24px 18px !important;
  border-radius: 14px !important;
}

/* Titre plus raffiné */
body.page-id-20.logged-in
form.woocommerce-EditAccountForm.edit-account > fieldset legend{
  font-size: 28px !important;
  font-weight: 650 !important;
  letter-spacing: .6px !important;
}

/* Labels du password: fins, pas Pacifico, pas gras */
body.page-id-20.logged-in
form.woocommerce-EditAccountForm.edit-account > fieldset label{
  font-family: inherit !important;
  font-size: 15.5px !important;
  font-weight: 500 !important;
  color: rgba(237,237,237,.86) !important;
  letter-spacing: .2px !important;
}

/* Enlever le " . " ajouté globalement, mais seulement dans le fieldset */
body.page-id-20.logged-in
form.woocommerce-EditAccountForm.edit-account > fieldset label::after{
  content: "" !important;
}

/* Chaque ligne du fieldset (p) centrée + largeur max “finesse” */
body.page-id-20.logged-in
form.woocommerce-EditAccountForm.edit-account > fieldset p{
  max-width: 760px !important;
  margin: 0 auto 14px auto !important;
  text-align: center !important;
}

/* Woo enveloppe l’input password dans .password-input */
body.page-id-20.logged-in
form.woocommerce-EditAccountForm.edit-account > fieldset .password-input{
  position: relative !important;     /* base pour placer l'oeil */
  display: block !important;
  width: 100% !important;
  max-width: 760px !important;       /* limite la largeur */
  margin: 0 auto !important;
}

/* Inputs password: moins “géants”, centrés, pas full largeur du fieldset */
body.page-id-20.logged-in
form.woocommerce-EditAccountForm.edit-account > fieldset .password-input input.woocommerce-Input{
  width: 72% !important;             /* <= réduit la longueur */
  max-width: 520px !important;       /* limite max */
  margin: 0 auto !important;         /* centre */
  height: 44px !important;
  padding: 10px 46px 10px 14px !important; /* place pour l'oeil */
  border-radius: 14px !important;
}

/* ---------- 2) FIX ICON OEIL: le remettre DANS l’input ---------- */
/* Woo utilise souvent .show-password-input (span) + ::after */
body.page-id-20.logged-in
form.woocommerce-EditAccountForm.edit-account > fieldset .password-input .show-password-input{
  position: absolute !important;
  right: calc(50% - 260px + 12px) !important; /* colle à l’input centré */
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 5 !important;

  width: 28px !important;
  height: 28px !important;
  display: grid !important;
  place-items: center !important;

  margin: 0 !important;
  cursor: pointer !important;
  opacity: .85 !important;
}

/* Si ton input change de taille (responsive), on ajuste automatiquement */
@media (max-width: 980px){
  body.page-id-20.logged-in
  form.woocommerce-EditAccountForm.edit-account > fieldset .password-input input.woocommerce-Input{
    width: 100% !important;
    max-width: 520px !important;
  }

  body.page-id-20.logged-in
  form.woocommerce-EditAccountForm.edit-account > fieldset .password-input .show-password-input{
    right: 14px !important; /* sur mobile: œil classique à droite */
  }
}

body.page-id-20.logged-in
form.woocommerce-EditAccountForm.edit-account > fieldset .password-input .show-password-input::after{
  line-height: 1 !important;
  display: block !important;
}

/* ---------- 3) SAVE BUTTON: style “Vendeurs” + icône save ---------- */
/* Le parent du bouton: toujours centré et EN BAS */
body.page-id-20.logged-in
form.woocommerce-EditAccountForm.edit-account p.woocommerce-form-row:has(button[name="save_account_details"]),
body.page-id-20.logged-in
form.woocommerce-EditAccountForm.edit-account p:has(button[name="save_account_details"]),
body.page-id-20.logged-in
form.woocommerce-EditAccountForm.edit-account div:has(button[name="save_account_details"]){
  display: flex !important;
  justify-content: center !important;
  margin-top: 18px !important;
}

/* Le bouton lui-même: pas trop long */
body.page-id-20.logged-in
form.woocommerce-EditAccountForm.edit-account button[name="save_account_details"]{
  width: auto !important;
  min-width: 220px !important;
  max-width: 340px !important;

  padding: 12px 18px !important;
  border-radius: 14px !important;

  background: transparent !important;
  border: 1.5px solid rgba(138,187,108,.85) !important;
  color: rgba(138,187,108,.95) !important;

  font-weight: 700 !important;
  font-size: 16px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;

  box-shadow: none !important;
  transition: .2s ease !important;
}

body.page-id-20.logged-in
form.woocommerce-EditAccountForm.edit-account button[name="save_account_details"]:hover{
  background: rgba(138,187,108,.10) !important;
  transform: translateY(-1px) !important;
}

/* Icône “save” (disquette) à droite */
body.page-id-20.logged-in
form.woocommerce-EditAccountForm.edit-account button[name="save_account_details"]::after{
  content: "" !important;
  width: 18px !important;
  height: 18px !important;
  display: inline-block !important;

  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: center !important;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 7.5V20a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V9.414a2 2 0 0 0-.586-1.414l-2.414-2.414A2 2 0 0 0 15.586 5H5a1 1 0 0 0-1 1v1.5Z' stroke='%238ABB6C' stroke-width='1.8'/%3E%3Cpath d='M8 21v-7h8v7' stroke='%238ABB6C' stroke-width='1.8'/%3E%3Cpath d='M8 5v5h7' stroke='%238ABB6C' stroke-width='1.8'/%3E%3C/svg%3E");
}


/* -----------------------------------------------------
   4) REMPLACER l'icône Woo par notre SVG (recolorable)
   ----------------------------------------------------- */

/* Le bouton oeil */
body.page-id-20.logged-in form.woocommerce-EditAccountForm.edit-account > fieldset button.show-password-input{
  position: absolute !important;
  right: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;

  width: 22px !important;   /* plus petit */
  height: 22px !important;
  padding: 0 !important;
  margin: 0 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  cursor: pointer !important;

  /* IMPORTANT : on neutralise tout style icon natif */
  font-size: 0 !important;
  line-height: 0 !important;
}

/* On tue l'ancienne icône (si Woo la met via ::before/::after) */
body.page-id-20.logged-in form.woocommerce-EditAccountForm.edit-account > fieldset button.show-password-input::before,
body.page-id-20.logged-in form.woocommerce-EditAccountForm.edit-account > fieldset button.show-password-input::after{
  content: "" !important;
  display: none !important;
}

/* On crée NOTRE icône via mask (recolorable) */
body.page-id-20.logged-in form.woocommerce-EditAccountForm.edit-account > fieldset button.show-password-input{
  --eye-color: rgba(237,237,237,.80); /* blanc/gris par défaut */
  background-color: var(--eye-color) !important;

  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5c5.5 0 9.7 4.4 11 7-1.3 2.6-5.5 7-11 7S2.3 14.6 1 12c1.3-2.6 5.5-7 11-7Zm0 2C7.6 7 4.1 10.3 3 12c1.1 1.7 4.6 5 9 5s7.9-3.3 9-5c-1.1-1.7-4.6-5-9-5Zm0 2.5A2.5 2.5 0 1 1 12 14a2.5 2.5 0 0 1 0-5Z'/%3E%3C/svg%3E") center / contain no-repeat !important;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5c5.5 0 9.7 4.4 11 7-1.3 2.6-5.5 7-11 7S2.3 14.6 1 12c1.3-2.6 5.5-7 11-7Zm0 2C7.6 7 4.1 10.3 3 12c1.1 1.7 4.6 5 9 5s7.9-3.3 9-5c-1.1-1.7-4.6-5-9-5Zm0 2.5A2.5 2.5 0 1 1 12 14a2.5 2.5 0 0 1 0-5Z'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

/* -----------------------------------------------------
   5) Couleurs par champ (exactement ce que tu veux)
   - #password_current : VERT
   - #password_1, #password_2 : BLANC/GRIS
   ----------------------------------------------------- */

/* Mot de passe actuel => vert */
body.page-id-20.logged-in form.woocommerce-EditAccountForm.edit-account > fieldset .password-input:has(#password_current) button.show-password-input{
  --eye-color: #8ABB6C !important;
}

/* Nouveau + Confirmer => blanc/gris */
body.page-id-20.logged-in form.woocommerce-EditAccountForm.edit-account > fieldset .password-input:has(#password_1) button.show-password-input,
body.page-id-20.logged-in form.woocommerce-EditAccountForm.edit-account > fieldset .password-input:has(#password_2) button.show-password-input{
  --eye-color: rgba(237,237,237,.80) !important;
}


/* =====================================================
   PATCH: mêmes tailles pour les 3 inputs + bloc password plus étroit
   (à coller tout en bas)
   ===================================================== */

/* 1) Réduire la "largeur utile" du bloc password (moins d'espace à gauche/droite) */
body.page-id-20.logged-in form.woocommerce-EditAccountForm.edit-account > fieldset{
  padding-left: 18px !important;
  padding-right: 18px !important;
}

/* Conteneur interne centré avec une largeur max (le bloc devient visuellement plus petit) */
body.page-id-20.logged-in form.woocommerce-EditAccountForm.edit-account > fieldset > p{
  max-width: 560px !important;  /* <-- ajuste: 520/560/600 selon ton goût */
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 2) Forcer les 3 wrappers password à la même largeur */
body.page-id-20.logged-in form.woocommerce-EditAccountForm.edit-account > fieldset .password-input{
  width: 100% !important;
  max-width: 560px !important;  /* même que le <p> */
  margin: 0 auto !important;
}

/* 3) Forcer les 3 inputs à la même largeur (même si Woo ajoute des styles) */
body.page-id-20.logged-in form.woocommerce-EditAccountForm.edit-account > fieldset .password-input input.woocommerce-Input{
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* 4) Au cas où un champ n'a pas .password-input (sécurité) */
body.page-id-20.logged-in form.woocommerce-EditAccountForm.edit-account > fieldset input[type="password"].woocommerce-Input{
  width: 100% !important;
  max-width: 560px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* =====================================================
   FINAL PASSWORD PATCH (UNIQUE) — à garder seul
   - 3 inputs EXACTEMENT même taille
   - bloc password visuellement plus étroit
   - oeil petit + couleurs (vert pour current, blanc pour les autres)
   ===================================================== */

:root{
  --pw-width: 560px;     /* largeur identique pour les 3 inputs */
  --pw-padding: 18px;    /* padding interne fieldset */
}

/* Fieldset plus "étroit" visuellement */
body.page-id-20.logged-in form.woocommerce-EditAccountForm.edit-account > fieldset{
  padding: 22px var(--pw-padding) 18px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

/* Chaque ligne centrée + même largeur */
body.page-id-20.logged-in form.woocommerce-EditAccountForm.edit-account > fieldset > p{
  width: 100% !important;
  max-width: var(--pw-width) !important;
  margin: 0 auto 14px auto !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

/* Wrapper password */
body.page-id-20.logged-in form.woocommerce-EditAccountForm.edit-account > fieldset .password-input{
  position: relative !important;
  width: 100% !important;
  max-width: var(--pw-width) !important;
  margin: 0 auto !important;
}

/* Les 3 inputs: même taille, même largeur */
body.page-id-20.logged-in form.woocommerce-EditAccountForm.edit-account > fieldset .password-input input.woocommerce-Input,
body.page-id-20.logged-in form.woocommerce-EditAccountForm.edit-account > fieldset input[type="password"].woocommerce-Input{
  width: 100% !important;
  max-width: var(--pw-width) !important;
  box-sizing: border-box !important;
  margin: 0 auto !important;
  height: 44px !important;
  padding: 10px 44px 10px 14px !important; /* place pour l'oeil */
  border-radius: 14px !important;
}

/* -----------------------------------------------------
   OEIL (button.show-password-input)
   ----------------------------------------------------- */
body.page-id-20.logged-in form.woocommerce-EditAccountForm.edit-account > fieldset button.show-password-input{
  position: absolute !important;
  right: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;

  width: 18px !important;   /* plus petit */
  height: 18px !important;
  padding: 0 !important;
  margin: 0 !important;

  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  cursor: pointer !important;

  font-size: 0 !important;
  line-height: 0 !important;

  --eye-color: rgba(237,237,237,.80); /* défaut */
  background-color: var(--eye-color) !important;

  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5c5.5 0 9.7 4.4 11 7-1.3 2.6-5.5 7-11 7S2.3 14.6 1 12c1.3-2.6 5.5-7 11-7Zm0 2C7.6 7 4.1 10.3 3 12c1.1 1.7 4.6 5 9 5s7.9-3.3 9-5c-1.1-1.7-4.6-5-9-5Zm0 2.5A2.5 2.5 0 1 1 12 14a2.5 2.5 0 0 1 0-5Z'/%3E%3C/svg%3E") center/contain no-repeat !important;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5c5.5 0 9.7 4.4 11 7-1.3 2.6-5.5 7-11 7S2.3 14.6 1 12c1.3-2.6 5.5-7 11-7Zm0 2C7.6 7 4.1 10.3 3 12c1.1 1.7 4.6 5 9 5s7.9-3.3 9-5c-1.1-1.7-4.6-5-9-5Zm0 2.5A2.5 2.5 0 1 1 12 14a2.5 2.5 0 0 1 0-5Z'/%3E%3C/svg%3E") center/contain no-repeat !important;
}

/* mot de passe actuel => vert */
body.page-id-20.logged-in form.woocommerce-EditAccountForm.edit-account > fieldset .password-input:has(#password_current) button.show-password-input{
  --eye-color: #8ABB6C !important;
}

/* nouveau + confirmer => blanc/gris */
body.page-id-20.logged-in form.woocommerce-EditAccountForm.edit-account > fieldset .password-input:has(#password_1) button.show-password-input,
body.page-id-20.logged-in form.woocommerce-EditAccountForm.edit-account > fieldset .password-input:has(#password_2) button.show-password-input{
  --eye-color: rgba(237,237,237,.80) !important;
}

/* Bonus: input focus => oeil légèrement plus lumineux */
body.page-id-20.logged-in form.woocommerce-EditAccountForm.edit-account > fieldset .password-input:focus-within button.show-password-input{
  filter: brightness(1.15) !important;
}

/* Mobile */
@media (max-width: 700px){
  :root{ --pw-width: 92vw; }
}

/* =====================================================
   PATCH FINAL: Fix password inputs largeur uniforme + oeil positionné
   ===================================================== */

/* Force le fieldset à ne pas être display:flex qui casse le positionnement */
body.page-id-20.logged-in 
form.woocommerce-EditAccountForm.edit-account > fieldset{
  display: block !important;
}

/* Chaque <p> dans le fieldset: centré, largeur fixe */
body.page-id-20.logged-in 
form.woocommerce-EditAccountForm.edit-account > fieldset > p{
  width: 560px !important;
  max-width: 100% !important;
  margin: 0 auto 14px auto !important;
  text-align: center !important;
  display: block !important;
}

/* Wrapper .password-input: relative + même largeur */
body.page-id-20.logged-in 
form.woocommerce-EditAccountForm.edit-account > fieldset .password-input{
  position: relative !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

/* Les 3 inputs: 100% du wrapper, padding-right pour l'oeil */
body.page-id-20.logged-in 
form.woocommerce-EditAccountForm.edit-account > fieldset .password-input input.woocommerce-Input{
  display: block !important;
  width: 55% !important;
  max-width: 55% !important;
  box-sizing: border-box !important;
  padding-right: 44px !important;
  height: 44px !important;
}

/* Oeil: toujours dans l'input, à droite */
body.page-id-20.logged-in 
form.woocommerce-EditAccountForm.edit-account > fieldset button.show-password-input{
  position: absolute !important;
  right: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 18px !important;
  height: 18px !important;
}

@media (max-width: 700px){
  body.page-id-20.logged-in 
  form.woocommerce-EditAccountForm.edit-account > fieldset > p{
    width: 100% !important;
  }
}


/* =====================================================
   ADRESSES — PATCH FINAL
   ===================================================== */

/* Grille */
body.page-id-20.logged-in .woocommerce-Addresses.col2-set {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 28px !important;
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.page-id-20.logged-in .woocommerce-Addresses .u-column1,
body.page-id-20.logged-in .woocommerce-Addresses .u-column2 {
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Carte */
body.page-id-20.logged-in .woocommerce-Addresses .woocommerce-Address {
  background: var(--bg-1) !important;
  border: 1px solid rgba(138,187,108,.35) !important;
  border-radius: 18px !important;
  padding: 24px 22px 20px !important;
  position: relative !important;
  overflow: hidden !important;
  transition: border-color .25s, box-shadow .25s !important;
}
body.page-id-20.logged-in .woocommerce-Addresses .woocommerce-Address::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(135deg, rgba(138,187,108,.06) 0%, transparent 55%) !important;
  pointer-events: none !important;
  border-radius: inherit !important;
}
body.page-id-20.logged-in .woocommerce-Addresses .woocommerce-Address:hover {
  border-color: rgba(138,187,108,.70) !important;
  box-shadow: 0 8px 32px rgba(138,187,108,.12) !important;
}

/* Header: flex sur UNE ligne */
body.page-id-20.logged-in .woocommerce-Addresses .woocommerce-Address-title {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
  margin-bottom: 14px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid rgba(138,187,108,.18) !important;
  width: 100% !important;
}

/* H2: taille réduite pour tenir sur 1 ligne */
body.page-id-20.logged-in .woocommerce-Addresses .woocommerce-Address-title h2 {
  font-family: 'Pacifico', cursive !important;
  font-size: 17px !important;
  color: #fff !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;   /* empêche le retour à la ligne */
  flex-shrink: 0 !important;
}
body.page-id-20.logged-in .woocommerce-Addresses .woocommerce-Address-title h2::after {
  content: " ." !important;
  color: var(--green) !important;
}

/* P wrapper du lien */
body.page-id-20.logged-in .woocommerce-Addresses .woocommerce-Address-title p {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  flex-shrink: 0 !important;
}

/* Cacher les BR */
body.page-id-20.logged-in .woocommerce-Addresses .woocommerce-Address-title br {
  display: none !important;
}

/* Lien Ajouter/Modifier */
body.page-id-20.logged-in .woocommerce-Addresses .woocommerce-Address-title a.edit {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 6px 14px !important;
  border-radius: 999px !important;
  border: 1.5px solid rgba(138,187,108,.65) !important;
  background: transparent !important;
  color: var(--green) !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  line-height: 1 !important;
  transition: .2s ease !important;
}
body.page-id-20.logged-in .woocommerce-Addresses .woocommerce-Address-title a.edit:hover {
  background: rgba(138,187,108,.12) !important;
  border-color: var(--green) !important;
  transform: translateY(-1px) !important;
}
body.page-id-20.logged-in .woocommerce-Addresses .woocommerce-Address-title a.edit::before {
  content: "" !important;
  width: 11px !important;
  height: 11px !important;
  display: inline-block !important;
  flex-shrink: 0 !important;
  background-color: var(--green) !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a1 1 0 0 0 0-1.41l-2.34-2.34a1 1 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z'/%3E%3C/svg%3E") center/contain no-repeat !important;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a1 1 0 0 0 0-1.41l-2.34-2.34a1 1 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z'/%3E%3C/svg%3E") center/contain no-repeat !important;
}

/* Adresse texte */
body.page-id-20.logged-in .woocommerce-Addresses .woocommerce-Address address {
  font-style: italic !important;
  color: var(--muted) !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
  display: block !important;
  padding: 6px 0 !important;
}

/* Cacher p vides */
body.page-id-20.logged-in .woocommerce-Addresses .woocommerce-Address > p:empty,
body.page-id-20.logged-in .woocommerce-Addresses > p:empty {
  display: none !important;
}

/* Mobile */
@media (max-width: 768px) {
  body.page-id-20.logged-in .woocommerce-Addresses.col2-set {
    grid-template-columns: 1fr !important;
  }
  body.page-id-20.logged-in .woocommerce-Addresses .woocommerce-Address-title h2 {
    font-size: 15px !important;
  }
}

/* =====================================================
   ADRESSES — BOUTONS DIFFÉRENCIÉS PAR CARTE
   ===================================================== */

/* FACTURATION => outline vert (style badge) */
body.page-id-20.logged-in .woocommerce-Addresses .u-column1 .woocommerce-Address-title a.edit {
  background: transparent !important;
  border: 1.5px solid rgba(138,187,108,.65) !important;
  color: var(--green) !important;
  font-weight: 600 !important;
  padding: 6px 14px !important;
  border-radius: 999px !important;
  font-size: 12.5px !important;
}
body.page-id-20.logged-in .woocommerce-Addresses .u-column1 .woocommerce-Address-title a.edit::before {
  background-color: var(--green) !important;
}
body.page-id-20.logged-in .woocommerce-Addresses .u-column1 .woocommerce-Address-title a.edit:hover {
  background: rgba(138,187,108,.12) !important;
  border-color: var(--green) !important;
}

/* LIVRAISON => vert plein avec icône + */
body.page-id-20.logged-in .woocommerce-Addresses .u-column2 .woocommerce-Address-title a.edit {
  background: var(--green) !important;
  border: 1.5px solid var(--green) !important;
  color: #EDEDED !important;
  font-weight: 700 !important;
  padding: 6px 16px !important;
  border-radius: 999px !important;
  font-size: 12.5px !important;
}

/* Remplacer l'icône crayon par + pour livraison */
body.page-id-20.logged-in .woocommerce-Addresses .u-column2 .woocommerce-Address-title a.edit::before {
  content: "+" !important;
  width: auto !important;
  height: auto !important;
  background: none !important;
  -webkit-mask: none !important;
  mask: none !important;
  color: #EDEDED !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}
body.page-id-20.logged-in .woocommerce-Addresses .u-column2 .woocommerce-Address-title a.edit:hover {
  background: var(--green-2) !important;
  border-color: var(--green-2) !important;
  transform: translateY(-1px) !important;
}


/* =====================================================
   ADRESSES — TITRE + SOUS-TITRE
   ===================================================== */

/* Wrapper: besoin d'un position relative */
body.page-id-20.logged-in .woocommerce-MyAccount-content {
  position: relative !important;
}

/* TITRE "Mes Adresses" via ::before sur le wrapper adresses */
body.page-id-20.logged-in .woocommerce-Addresses.col2-set {
  margin-top: 10px !important;
}

body.page-id-20.logged-in .woocommerce-Addresses.col2-set::before {
  content: "Mes Adresses." !important;
  display: block !important;
  grid-column: 1 / -1 !important;
  font-family: 'Pacifico', cursive !important;
  font-size: 36px !important;
  font-weight: 550;
  color: #EDEDED !important;
  margin-bottom: 16px !important;
  text-align: left !important;

  /* Astuce dégradé pour colorier le point en vert */
  background: linear-gradient(
    90deg,
    #fff calc(100% - 18px),
    var(--green) calc(100% - 18px)
  ) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* SOUS-TITRE via le <p> intro (déjà présent dans le HTML) */
body.page-id-20.logged-in .woocommerce-MyAccount-content > p:first-of-type {
  font-size: 15px !important;
  color: var(--muted) !important;
  font-style: italic !important;
  text-align: left !important;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

/* =====================================================
   SNEAKORY — FORMULAIRE ADRESSE DE FACTURATION
   Page Mon compte > Adresse de facturation
   ===================================================== */

/* Conteneur global du formulaire adresse */
body.page-id-20.logged-in .woocommerce-MyAccount-content form{
  max-width: 1200px !important;
  margin: 0 auto !important;
}

/* Titre "Adresse de facturation" */
body.page-id-20.logged-in .woocommerce-MyAccount-content form h2{
  font-family: 'Pacifico', cursive !important;
  font-size: 30px !important;
  font-weight: 700 !important;
  color: #FFFFFF !important;
  text-align: center !important;
  margin: 0 0 28px 0 !important;
  line-height: 1.1 !important;
}

body.page-id-20.logged-in .woocommerce-MyAccount-content form h2::after{
  content: " ." !important;
  color: #8ABB6C !important;
}

/* Reset */
body.page-id-20.logged-in .woocommerce-MyAccount-content .woocommerce-address-fields,
body.page-id-20.logged-in .woocommerce-MyAccount-content .woocommerce-address-fields *{
  box-sizing: border-box !important;
}

body.page-id-20.logged-in .woocommerce-MyAccount-content .woocommerce-address-fields br,
body.page-id-20.logged-in .woocommerce-MyAccount-content .woocommerce-address-fields .clear{
  display: none !important;
}

/* Wrapper des champs */
body.page-id-20.logged-in .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper{
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 18px 28px !important;
  align-items: start !important;
}

/* Champs pleine largeur */
body.page-id-20.logged-in .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .form-row-wide{
  grid-column: 1 / -1 !important;
  width: 100% !important;
}

/* Prénom / Nom */
body.page-id-20.logged-in .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .form-row-first,
body.page-id-20.logged-in .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .form-row-last{
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
}

/* Tous les rows */
body.page-id-20.logged-in .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .form-row{
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  gap: 8px !important;
}

/* Labels */
body.page-id-20.logged-in .woocommerce-MyAccount-content .woocommerce-address-fields label{
  font-family: inherit !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  color: #FFFFFF !important;
  line-height: 1.3 !important;
  text-align: center !important;
}

/* Astérisque */
body.page-id-20.logged-in .woocommerce-MyAccount-content .woocommerce-address-fields .required{
  color: #ff3b3b !important;
}

/* Facultatif */
body.page-id-20.logged-in .woocommerce-MyAccount-content .woocommerce-address-fields .optional{
  color: rgba(237,237,237,.55) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}

/* Inputs texte / tel / email */
body.page-id-20.logged-in .woocommerce-MyAccount-content .woocommerce-address-fields input.input-text{
  width: 100% !important;
  height: 48px !important;
  padding: 12px 18px !important;
  background: #0D0D0D !important;
  border: 1.5px solid rgba(138,187,108,.55) !important;
  border-radius: 14px !important;
  color: #EDEDED !important;
  font-size: 16px !important;
  box-shadow: none !important;
  transition: .2s ease !important;
}

body.page-id-20.logged-in .woocommerce-MyAccount-content .woocommerce-address-fields input.input-text:focus{
  outline: none !important;
  border-color: #8ABB6C !important;
  box-shadow: 0 0 10px rgba(138,187,108,.22) !important;
}

/* Placeholder */
body.page-id-20.logged-in .woocommerce-MyAccount-content .woocommerce-address-fields input::placeholder{
  color: rgba(237,237,237,.35) !important;
}

/* Select2 pays/région */
body.page-id-20.logged-in .woocommerce-MyAccount-content .woocommerce-address-fields .select2-container{
  width: 100% !important;
}

body.page-id-20.logged-in .woocommerce-MyAccount-content .woocommerce-address-fields .select2-selection--single{
  height: 48px !important;
  background: #0D0D0D !important;
  border: 1.5px solid rgba(138,187,108,.55) !important;
  border-radius: 14px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 16px !important;
  box-shadow: none !important;
}

body.page-id-20.logged-in .woocommerce-MyAccount-content .woocommerce-address-fields .select2-selection__rendered{
  color: #EDEDED !important;
  line-height: 48px !important;
  padding-left: 0 !important;
  padding-right: 30px !important;
  text-align: center !important;
  width: 100% !important;
}

body.page-id-20.logged-in .woocommerce-MyAccount-content .woocommerce-address-fields .select2-selection__placeholder{
  color: rgba(237,237,237,.35) !important;
}

body.page-id-20.logged-in .woocommerce-MyAccount-content .woocommerce-address-fields .select2-selection__arrow{
  height: 48px !important;
  right: 12px !important;
}

body.page-id-20.logged-in .woocommerce-MyAccount-content .woocommerce-address-fields .select2-selection__arrow b{
  border-color: #8ABB6C transparent transparent transparent !important;
}

/* Bouton enregistrer */
body.page-id-20.logged-in .woocommerce-MyAccount-content form button[name="save_address"]{
  width: auto !important;
  min-width: 240px !important;
  max-width: 340px !important;
  padding: 12px 18px !important;
  border-radius: 14px !important;
  background: transparent !important;
  border: 1.5px solid rgba(138,187,108,.85) !important;
  color: rgba(138,187,108,.95) !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  box-shadow: none !important;
  transition: .2s ease !important;
}

body.page-id-20.logged-in .woocommerce-MyAccount-content form button[name="save_address"]:hover{
  background: rgba(138,187,108,.10) !important;
  transform: translateY(-1px) !important;
}

/* Icône save du bouton */
body.page-id-20.logged-in .woocommerce-MyAccount-content form button[name="save_address"]::after{
  content: "" !important;
  width: 18px !important;
  height: 18px !important;
  display: inline-block !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: center !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 7.5V20a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V9.414a2 2 0 0 0-.586-1.414l-2.414-2.414A2 2 0 0 0 15.586 5H5a1 1 0 0 0-1 1v1.5Z' stroke='%238ABB6C' stroke-width='1.8'/%3E%3Cpath d='M8 21v-7h8v7' stroke='%238ABB6C' stroke-width='1.8'/%3E%3Cpath d='M8 5v5h7' stroke='%238ABB6C' stroke-width='1.8'/%3E%3C/svg%3E");
}

/* Parent du bouton : centré */
body.page-id-20.logged-in .woocommerce-MyAccount-content form > p:has(button[name="save_address"]){
  display: flex !important;
  justify-content: center !important;
  margin-top: 24px !important;
}

/* Mobile */
@media (max-width: 980px){
  body.page-id-20.logged-in .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper{
    grid-template-columns: 1fr !important;
  }

  body.page-id-20.logged-in .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .form-row-first,
  body.page-id-20.logged-in .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .form-row-last,
  body.page-id-20.logged-in .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .form-row-wide{
    grid-column: 1 !important;
  }
}

/* =====================================================
   SNEAKORY — SELECT2 DROPDOWN (Pays / région)
   ===================================================== */

/* Dropdown global */
body.page-id-20.logged-in .select2-dropdown{
  background: #0D0D0D !important;
  border: 1.5px solid rgba(138,187,108,.55) !important;
  border-radius: 14px !important;
  box-shadow: 0 20px 40px rgba(0,0,0,.6) !important;
  overflow: hidden !important;
}

/* Zone de recherche */
body.page-id-20.logged-in .select2-search--dropdown{
  padding: 10px !important;
  background: #0D0D0D !important;
  border-bottom: 1px solid rgba(138,187,108,.2) !important;
}

body.page-id-20.logged-in .select2-search__field{
  width: 100% !important;
  height: 40px !important;
  padding: 8px 12px !important;
  background: #0D0D0D !important;
  border: 1px solid rgba(138,187,108,.4) !important;
  border-radius: 10px !important;
  color: #EDEDED !important;
  outline: none !important;
}

/* Liste */
body.page-id-20.logged-in .select2-results__options{
  background: #0D0D0D !important;
  padding: 6px 0 !important;
}

/* Chaque option */
body.page-id-20.logged-in .select2-results__option{
  padding: 12px 18px !important;
  color: rgba(237,237,237,.85) !important;
  font-size: 15px !important;
  transition: all .2s ease !important;
}

/* Hover (très important) */
body.page-id-20.logged-in .select2-results__option--highlighted{
  background: rgba(138,187,108,.15) !important;
  color: #8ABB6C !important;
}

/* Option sélectionnée */
body.page-id-20.logged-in .select2-results__option[aria-selected="true"]{
  background: rgba(138,187,108,.25) !important;
  color: #8ABB6C !important;
  font-weight: 600 !important;
}

/* Scrollbar stylée (optionnel mais premium) */
body.page-id-20.logged-in .select2-results__options::-webkit-scrollbar{
  width: 6px;
}

body.page-id-20.logged-in .select2-results__options::-webkit-scrollbar-thumb{
  background: rgba(138,187,108,.5);
  border-radius: 10px;
}

/* Flèche dropdown (petit détail premium) */
body.page-id-20.logged-in .select2-selection__arrow b{
  border-color: #8ABB6C transparent transparent transparent !important;
}

/* =====================================================
   SNEAKORY — MESSAGE VIDE (Téléchargements / notices)
   ===================================================== */

/* Wrapper contenu Mon compte */
body.page-id-20.logged-in .woocommerce-MyAccount-content{
  color: #EDEDED !important;
}

/* Message WooCommerce info */
body.page-id-20.logged-in .woocommerce-MyAccount-content .woocommerce-info{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;

  background: rgba(13,13,13,.88) !important;
  border: 1.5px solid rgba(138,187,108,.45) !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.35) !important;

  color: #EDEDED !important;
  padding: 22px 24px !important;
  margin: 0 !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
}

/* Supprime le style Woo par défaut */
body.page-id-20.logged-in .woocommerce-MyAccount-content .woocommerce-info::before{
  color: #8ABB6C !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  left: 18px !important;
  font-size: 18px !important;
}

body.page-id-20.logged-in .woocommerce-MyAccount-content .woocommerce-info{
  padding-left: 52px !important; /* espace pour l’icône */
  position: relative !important;
}

/* Texte */
body.page-id-20.logged-in .woocommerce-MyAccount-content .woocommerce-info{
  font-weight: 500 !important;
}

/* Bouton "Parcourir les produits" */
body.page-id-20.logged-in .woocommerce-MyAccount-content .woocommerce-info .button.wc-forward{
  flex-shrink: 0 !important;
  margin: 0 !important;
  padding: 12px 20px !important;

  border-radius: 14px !important;
  border: 1.5px solid rgba(138,187,108,.85) !important;
  background: transparent !important;
  color: #8ABB6C !important;

  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: all .25s ease !important;
}

/* Hover bouton */
body.page-id-20.logged-in .woocommerce-MyAccount-content .woocommerce-info .button.wc-forward:hover{
  background: rgba(138,187,108,.10) !important;
  color: #EDEDED !important;
  border-color: #8ABB6C !important;
  transform: translateY(-1px) !important;
}

/* Mobile */
@media (max-width: 768px){
  body.page-id-20.logged-in .woocommerce-MyAccount-content .woocommerce-info{
    flex-direction: column !important;
    align-items: flex-start !important;
    padding: 18px 18px 18px 46px !important;
  }

  body.page-id-20.logged-in .woocommerce-MyAccount-content .woocommerce-info .button.wc-forward{
    width: 100% !important;
    text-align: center !important;
  }
}/* End custom CSS */