.elementor-3015 .elementor-element.elementor-element-d946d98{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-799e4a1 *//* === /register/ (page ID 518) — CACHER le bloc LOGIN (BuddyBoss + WooCommerce) === */
.page-id-518 #customer_login .u-column1,
.page-id-518 .woocommerce-account .u-column1,
.page-id-518 .bb_customer_login,
.page-id-518 .bb-login-wrapper,
.page-id-518 .bb-account-login,
.page-id-518 form.login,
.page-id-518 form.woocommerce-form.woocommerce-form-login.login {
  display: none !important;
}

/* === /register/ (page ID 3015) — CACHER le bloc LOGIN === */
.page-id-3015 #customer_login .u-column1,
.page-id-3015 .woocommerce-account .u-column1,
.page-id-3015 .bb_customer_login,
.page-id-3015 .bb-login-wrapper,
.page-id-3015 .bb-account-login,
.page-id-3015 form.login,
.page-id-3015 form.woocommerce-form.woocommerce-form-login.login {
  display: none !important;
}

/* === 1 colonne propre quand Login est caché — 518 === */
.page-id-518 #customer_login.u-columns,
.page-id-518 .woocommerce-account .u-columns {
  display: block !important;
}
.page-id-518 #customer_login .u-column2,
.page-id-518 .woocommerce-account .u-column2 {
  width: 100% !important;
}

/* === 1 colonne propre quand Login est caché — 3015 === */
.page-id-3015 #customer_login.u-columns,
.page-id-3015 .woocommerce-account .u-columns {
  display: block !important;
}
.page-id-3015 #customer_login .u-column2,
.page-id-3015 .woocommerce-account .u-column2 {
  width: 100% !important;
}

/* === Centrage global de la zone Woo — 518 === */
.page-id-518 .woocommerce-account .entry-content,
.page-id-518 .woocommerce-account .woocommerce {
  display: flex;
  justify-content: center;
}
.page-id-518 .woocommerce-account .woocommerce {
  padding: 40px 16px; /* respiration autour */
}

/* === Centrage global de la zone Woo — 3015 === */
.page-id-3015 .woocommerce-account .entry-content,
.page-id-3015 .woocommerce-account .woocommerce {
  display: flex;
  justify-content: center;
}
.page-id-3015 .woocommerce-account .woocommerce {
  padding: 40px 16px; /* respiration autour */
}

/* === CAP DE LARGEUR SUR LE FORMULAIRE REGISTER — 518 === */
.page-id-518 .woocommerce-account form.woocommerce-form.woocommerce-form-register.register,
.page-id-518 .bb_customer_register {
  max-width: 600px !important;  /* ajuste ici si besoin (ex. 580–640px) */
  margin-left: auto !important;
  margin-right: auto !important;
}

/* === CAP DE LARGEUR SUR LE FORMULAIRE REGISTER — 3015 === */
.page-id-3015 .woocommerce-account form.woocommerce-form.woocommerce-form-register.register,
.page-id-3015 .bb_customer_register {
  max-width: 600px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* === Style “carte” + respiration intérieure — 518 === */
.page-id-518 .woocommerce-account form.woocommerce-form.woocommerce-form-register.register,
.page-id-518 .bb_customer_register {
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 12px;
  padding: 32px 40px !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.06);
}

/* === Style “carte” + respiration intérieure — 3015 === */
.page-id-3015 .woocommerce-account form.woocommerce-form.woocommerce-form-register.register,
.page-id-3015 .bb_customer_register {
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 12px;
  padding: 32px 40px !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.06);
}

/* === Titres & textes — 518 === */
.page-id-518 .woocommerce-account .u-column2 h2,
.page-id-518 .bb_customer_register h2 {
  font-size: 28px;
  margin: 0 0 6px;
}
.page-id-518 .woocommerce-account .u-column2 p:not(.form-row) {
  margin: 0 0 18px;
}

/* === Titres & textes — 3015 === */
.page-id-3015 .woocommerce-account .u-column2 h2,
.page-id-3015 .bb_customer_register h2 {
  font-size: 28px;
  margin: 0 0 6px;
}
.page-id-3015 .woocommerce-account .u-column2 p:not(.form-row) {
  margin: 0 0 18px;
}

/* === Champs & lignes — 518 === */
.page-id-518 .woocommerce form .form-row {
  display: block;
  margin-bottom: 16px;
}
.page-id-518 .woocommerce form .form-row label {
  display: block;
  margin: 0 0 6px;
}
.page-id-518 .woocommerce input.input-text {
  width: 100%;
  padding: 12px 14px;
}
.page-id-518 .woocommerce .woocommerce-form__label-for-checkbox {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* === Champs & lignes — 3015 === */
.page-id-3015 .woocommerce form .form-row {
  display: block;
  margin-bottom: 16px;
}
.page-id-3015 .woocommerce form .form-row label {
  display: block;
  margin: 0 0 6px;
}
.page-id-3015 .woocommerce input.input-text {
  width: 100%;
  padding: 12px 14px;
}
.page-id-3015 .woocommerce .woocommerce-form__label-for-checkbox {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* === Bouton REGISTER: largeur full (couleurs: thème) — 518 === */
.page-id-518 .woocommerce-account .woocommerce-form-register .button,
.page-id-518 .woocommerce form.register .button {
  width: 100%;
}

/* === Bouton REGISTER — 3015 === */
.page-id-3015 .woocommerce-account .woocommerce-form-register .button,
.page-id-3015 .woocommerce form.register .button {
  width: 100%;
}

/* === Mobile === */
@media (max-width: 480px){
  /* Wrapper Woo en bloc (pas en flex) — 518 */
  .page-id-518 .woocommerce-account .entry-content,
  .page-id-518 .woocommerce-account .woocommerce{
    display: block !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Wrapper Woo en bloc (pas en flex) — 3015 */
  .page-id-3015 .woocommerce-account .entry-content,
  .page-id-3015 .woocommerce-account .woocommerce{
    display: block !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Carte Register centrée — 518 */
  .page-id-518 .woocommerce-account form.woocommerce-form.woocommerce-form-register.register,
  .page-id-518 .bb_customer_register{
    max-width: none !important;
    width: calc(100vw - 32px) !important;                 /* 16px + 16px */
    margin-left: calc(50% - 50vw + 16px) !important;      /* recentre vs viewport */
    margin-right: calc(50% - 50vw + 16px) !important;
    border-radius: 12px !important;
    padding: 20px 16px !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.06);               /* optionnel */
  }

  /* Carte Register centrée — 3015 */
  .page-id-3015 .woocommerce-account form.woocommerce-form.woocommerce-form-register.register,
  .page-id-3015 .bb_customer_register{
    max-width: none !important;
    width: calc(100vw - 32px) !important;
    margin-left: calc(50% - 50vw + 16px) !important;
    margin-right: calc(50% - 50vw + 16px) !important;
    border-radius: 12px !important;
    padding: 20px 16px !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.06);
  }
}

/* === Notices (seulement sur 518 & 3015) — marges === */
.page-id-518 .woocommerce-notices-wrapper,
.page-id-518 .woocommerce-message,
.page-id-518 .woocommerce-error,
.page-id-518 .woocommerce-info {
  margin: 0 0 16px;
}
.page-id-3015 .woocommerce-notices-wrapper,
.page-id-3015 .woocommerce-message,
.page-id-3015 .woocommerce-error,
.page-id-3015 .woocommerce-info {
  margin: 0 0 16px;
}

/* WooCommerce notices — retirer l'outline/box-shadow de focus (sitewide) */
.woocommerce .woocommerce-notices-wrapper,
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info {
  outline: none !important;
  box-shadow: none !important;
}

/* États de focus explicites (selon thèmes/navigateurs) */
.woocommerce .woocommerce-notices-wrapper:focus,
.woocommerce .woocommerce-message:focus,
.woocommerce .woocommerce-error:focus,
.woocommerce .woocommerce-info:focus,
.woocommerce .woocommerce-notices-wrapper:focus-visible,
.woocommerce .woocommerce-message:focus-visible,
.woocommerce .woocommerce-error:focus-visible,
.woocommerce .woocommerce-info:focus-visible,
.woocommerce .woocommerce-notices-wrapper:focus-within,
.woocommerce .woocommerce-message:focus-within,
.woocommerce .woocommerce-error:focus-within,
.woocommerce .woocommerce-info:focus-within {
  outline: none !important;
  box-shadow: none !important;
}

/* === Notices Woo — succès en vert (REGISTER 518 & 3015) === */
.page-id-518 .woocommerce-message,
.page-id-3015 .woocommerce-message {
  border: none !important;
  background-color: #eaf7ef !important;
  color: #16a34a !important;
  margin: 0 0 16px;
}
.page-id-518 .woocommerce-message::before,
.page-id-518 .woocommerce-message a,
.page-id-3015 .woocommerce-message::before,
.page-id-3015 .woocommerce-message a {
  color: #16a34a !important;
  border-color: #16a34a !important;
}

/* === WooCommerce — ERROR notices (sitewide) en rouge === */
.woocommerce .woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-error {
  background-color: #fee2e2 !important;  /* rouge pâle (fond) */
  color: #dc2626 !important;             /* texte = rouge */
  margin: 0 0 16px;
}

/* Icône/puce et liens à l’intérieur de la notice */
.woocommerce .woocommerce-error::before,
.woocommerce .woocommerce-error a {
  color: #dc2626 !important;
}

/* Les <li> des listes d’erreurs héritent bien de la couleur */
.woocommerce .woocommerce-error li {
  color: inherit !important;
}

.woocommerce .woocommerce-error strong {
  color: #dc2626;
}

/* === Uniformiser l’icône œil du champ CONFIRME mot de passe (sitewide) === */
#reg_password2_row .password-input { position: relative; display: block; }
#reg_password2_row .password-input input { padding-right: 2.5em !important; }

/* Position identique + neutralisation des effets qui épaississent l’icône */
#reg_password2_row .show-password-input{
  position: absolute;
  right: .7em;
  top: 50%;
  transform: translateY(-50%);
  width: 2em; height: 2.5em;
  display: inline-flex; align-items: center; justify-content: center;
  cursor: pointer;

  /* ➜ empêche l’effet "gras" : */
  font-weight: 500 !important;
  text-shadow: none !important;
  box-shadow: none !important;
  filter: none !important;
  background: transparent !important;
  color: inherit !important;
  line-height: 1 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Quand le mot de passe est visible (même classe que WooCommerce) */
#reg_password2_row .show-password-input.display-password{
  opacity: 1;
}

/* Si le thème dessine l’icône via un pseudo-élément, on force aussi la graisse */
#reg_password2_row .show-password-input::before,
#reg_password2_row .show-password-input::after{
  font-weight: 400 !important;
  text-shadow: none !important;
  box-shadow: none !important;
  filter: none !important;
}

/* Astérisque "required" — style uniforme (sitewide) */
.woocommerce form .form-row label .required,
.woocommerce .woocommerce-form label .required,
.woocommerce form .form-row label abbr.required,
.woocommerce .woocommerce-form label abbr.required,
#reg_password2_row label .required {
  color: var(--wc-red) !important;
  font-weight: 700 !important;
  border: 0 !important;
  text-decoration: none !important;
  margin-left: .25em; /* petit espace après le libellé */
}

/* Si le thème utilise <abbr> (dotted underline par défaut des navigateurs) */
.woocommerce abbr.required[title]{
  border-bottom: none !important;
  text-decoration: none !important;
  cursor: inherit !important;
}/* End custom CSS */