/* Barathonien – Turnstile UI fix (Woo My Account) */

.woocommerce form .bar-turnstile-row{
    margin: 14px 0 18px;
    padding: 0;
  }
  
  .woocommerce form .bar-turnstile{
    display: block;
    width: 100%;
  }
  
  /* le widget Cloudflare a une largeur fixe -> on le centre */
  .woocommerce form .bar-turnstile > div{
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 100% !important;
  }
  
  /* optionnel : évite que "se souvenir de moi" se balade */
  .woocommerce form .woocommerce-form__label-for-checkbox{
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    margin-left: 12px;
  }


  /* === Turnstile : style universel (login + lost password) === */

.woocommerce-account .bar-turnstile,
.woocommerce-account [data-bar-turnstile]{
  display: block;
  width: 100%;
  margin: 14px 0 18px !important;
}

/* Centre le widget (largeur fixe) */
.woocommerce-account .bar-turnstile > div,
.woocommerce-account [data-bar-turnstile] > div{
  margin-left: 0 !important;   /* aligne à gauche */
  max-width: 100% !important;
}

.woocommerce-account .elementor-widget-woocommerce-my-account
form.woocommerce-form {
  height: auto !important;
}

/* ===============================
   Lost password – fix overflow mobile
   =============================== */

/* 1) Empêche tout débordement horizontal dans le bloc */
.woocommerce-account form.woocommerce-form-lost-password,
.woocommerce-account form.woocommerce-form-lost-password .form-row,
.woocommerce-account form.woocommerce-form-lost-password .form-row-wide {
  max-width: 100% !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
}

/* 2) Le wrapper du bouton prend toute la largeur */
.woocommerce-account form.woocommerce-form-lost-password .form-row:last-of-type {
  width: 100% !important;
  max-width: 100% !important;
}

/* 3) Le bouton ne peut plus dépasser */
.woocommerce-account form.woocommerce-form-lost-password .button,
.woocommerce-account form.woocommerce-form-lost-password button[type="submit"],
.woocommerce-account form.woocommerce-form-lost-password input[type="submit"] {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  white-space: normal !important;
  word-break: break-word !important;
  box-sizing: border-box !important;
}

.woocommerce-account .woocommerce-MyAccount-content {
    overflow-x: hidden !important;
  }


  /* Fix bouton Reset Password (WooCommerce) qui déborde en mobile */
.woocommerce-account form.woocommerce-ResetPassword.lost_reset_password .woocommerce-form-row,
.woocommerce-account form.woocommerce-ResetPassword.lost_reset_password .woocommerce-form-row--wide {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.woocommerce-account form.woocommerce-ResetPassword.lost_reset_password .woocommerce-Button.button,
.woocommerce-account form.woocommerce-ResetPassword.lost_reset_password button.woocommerce-Button {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  white-space: normal !important;
  word-break: break-word !important;
  box-sizing: border-box !important;
  text-align: center !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}