/* AuGré France – Correctif Mon compte V3.1.1.
   WooCommerce classique: formulaires connexion/inscription et espace client.
   Ne modifie ni données, ni panier, ni contrôles d'accès. */

/* Conteneur commun, mais sans grille obligatoire pour les visiteurs. */
body.woocommerce-account .entry-content > .woocommerce,
body.woocommerce-account .wp-block-post-content > .woocommerce,
body.woocommerce-account .woocommerce {
  box-sizing:border-box;
  max-width:1160px;
  width:100%;
  margin:20px auto;
  padding:0 20px;
  min-width:0;
}

/* PAGE DÉCONNECTÉE : WooCommerce rend #customer_login dans .woocommerce.
   Ne pas appliquer la grille navigation/contenu à ce formulaire ! */
body.woocommerce-account .woocommerce:has(#customer_login) {
  display:block !important;
  grid-template-columns:none !important;
}
body.woocommerce-account #customer_login,
body.woocommerce-account .woocommerce .u-columns#customer_login,
body.woocommerce-account .woocommerce .col2-set#customer_login {
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:clamp(20px,4vw,38px) !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  margin:22px 0 0 !important;
  padding:0 !important;
  float:none !important;
}
body.woocommerce-account #customer_login > .u-column1,
body.woocommerce-account #customer_login > .u-column2,
body.woocommerce-account #customer_login > .col-1,
body.woocommerce-account #customer_login > .col-2 {
  float:none !important;
  clear:none !important;
  display:block !important;
  box-sizing:border-box !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
}
body.woocommerce-account #customer_login h2 {
  margin:0 0 14px !important;
  font-size:clamp(20px,2vw,26px) !important;
  line-height:1.3 !important;
  overflow-wrap:normal !important;
}
body.woocommerce-account #customer_login form.login,
body.woocommerce-account #customer_login form.register,
body.woocommerce-account form.woocommerce-form-login,
body.woocommerce-account form.woocommerce-form-register {
  box-sizing:border-box !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  margin:0 !important;
  padding:clamp(18px,2.5vw,28px) !important;
  border:1px solid #deded6 !important;
  border-radius:14px !important;
  background:#fff !important;
  display:block !important;
}
body.woocommerce-account #customer_login .form-row,
body.woocommerce-account #customer_login p,
body.woocommerce-account #customer_login label,
body.woocommerce-account #customer_login .woocommerce-privacy-policy-text {
  max-width:none !important;
  min-width:0 !important;
  width:auto;
  overflow-wrap:normal !important;
  word-break:normal !important;
  line-height:1.5 !important;
  font-size:14px;
}
body.woocommerce-account #customer_login .form-row {
  width:100% !important;
  box-sizing:border-box !important;
  float:none !important;
  clear:both !important;
  margin:0 0 16px !important;
}
body.woocommerce-account #customer_login .input-text,
body.woocommerce-account #customer_login input[type=email],
body.woocommerce-account #customer_login input[type=password],
body.woocommerce-account #customer_login input[type=text] {
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  padding:12px !important;
  min-height:44px;
  font-size:16px !important;
}
body.woocommerce-account #customer_login .password-input {
  width:100% !important;
  display:block !important;
}
body.woocommerce-account #customer_login button.button,
body.woocommerce-account #customer_login button.woocommerce-button {
  min-height:44px !important;
  padding:10px 20px !important;
  border-radius:7px !important;
  font-size:14px !important;
}

/* PAGE CONNECTÉE : deux colonnes uniquement s'il y a une navigation compte. */
body.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation) {
  display:grid !important;
  grid-template-columns:minmax(195px,235px) minmax(0,1fr) !important;
  gap:clamp(20px,3vw,38px) !important;
  align-items:start;
}
body.woocommerce-account .woocommerce-MyAccount-navigation {
  float:none !important;
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul {
  padding:8px !important;
  margin:0 !important;
  list-style:none !important;
  border:1px solid #e4e3dd;
  border-radius:12px;
  background:#f7f5f0;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li {
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  width:auto !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li a {
  display:block !important;
  padding:12px 16px !important;
  font-size:14px !important;
  line-height:1.45;
  text-decoration:none;
  overflow-wrap:anywhere;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
  background:#405c49;
  color:#fff;
  border-radius:7px;
}
body.woocommerce-account .woocommerce-MyAccount-content {
  float:none !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  margin:0 !important;
  padding:clamp(18px,2.5vw,28px) !important;
  box-sizing:border-box !important;
  border:1px solid #e4e3dd;
  border-radius:12px;
  overflow-wrap:break-word;
}
body.woocommerce-account .woocommerce-MyAccount-content p {font-size:15px;line-height:1.65;}
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:16px;
}

@media(max-width:760px) {
  body.woocommerce-account .woocommerce {padding:0 12px;}
  body.woocommerce-account #customer_login {grid-template-columns:minmax(0,1fr) !important;gap:22px !important;}
  body.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation) {display:block !important;}
  body.woocommerce-account .woocommerce-MyAccount-navigation {margin-bottom:16px !important;}
  body.woocommerce-account .woocommerce-MyAccount-navigation ul {display:flex;flex-wrap:wrap;gap:4px;}
  body.woocommerce-account .woocommerce-MyAccount-navigation li {flex:1 1 calc(50% - 4px);}
  body.woocommerce-account .woocommerce-MyAccount-content {padding:15px !important;}
}