.elementor-438 .elementor-element.elementor-element-3afc97c4{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );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 );}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-438 .elementor-element.elementor-element-3afc97c4{--min-height:0px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for text-editor, class: .elementor-element-762c5fb1 *//* === /my-account/lost-password (page ID 60) — UNE SEULE BOÎTE, CONTENU VRAIMENT FULL WIDTH === */

/* 1) Cacher la navigation (une seule colonne) */
.page-id-60 .woocommerce-MyAccount-navigation { display: none !important; }

/* 2) Wrapper Woo centré autour de la carte */
.page-id-60 .woocommerce-account .entry-content,
.page-id-60 .woocommerce-account .woocommerce {
  display: flex;
  justify-content: center;
}
.page-id-60 .woocommerce-account .woocommerce { padding: 40px 16px; }

/* 3) La SEULE BOÎTE (style carte = même que page 455) */
.page-id-60 .woocommerce-MyAccount-content{
  max-width: 600px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  
  min-width: 0 !important;

  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);
}

/* 4) 🔧 DÉBLOCAGE FULL-WIDTH — enfants directs & wrappers thème/Gutenberg */
.page-id-60 .woocommerce-MyAccount-content > *,
.page-id-60 .woocommerce-MyAccount-content > .wp-block-group,
.page-id-60 .woocommerce-MyAccount-content > .wp-block-group > .wp-block-group__inner-container,
.page-id-60 .woocommerce-MyAccount-content > .wp-block-columns,
.page-id-60 .woocommerce-MyAccount-content > .wp-block-columns > .wp-block-column,
.page-id-60 .woocommerce-MyAccount-content > .container,
.page-id-60 .woocommerce-MyAccount-content > .content,
.page-id-60 .woocommerce-MyAccount-content > .bb-wrap,
.page-id-60 .woocommerce-MyAccount-content > .bb-grid,
.page-id-60 .woocommerce-MyAccount-content > .row {
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 5) Retirer la "boîte dans la boîte" (fond/bordure internes) */
.page-id-60 .woocommerce-MyAccount-content form.lost_reset_password,
.page-id-60 .woocommerce-MyAccount-content form.woocommerce-ResetPassword,
.page-id-60 .woocommerce-MyAccount-content .bb-card,
.page-id-60 .woocommerce-MyAccount-content .card,
.page-id-60 .woocommerce-MyAccount-content .box,
.page-id-60 .woocommerce-MyAccount-content .panel {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* 6) Formulaire et colonnes forcés en 100% */
.page-id-60 .woocommerce-MyAccount-content form,
.page-id-60 .woocommerce-MyAccount-content .woocommerce form,
.page-id-60 .woocommerce-MyAccount-content .woocommerce-ResetPassword,
.page-id-60 .woocommerce-MyAccount-content .u-columns,
.page-id-60 .woocommerce-MyAccount-content .columns,
.page-id-60 .woocommerce-MyAccount-content .column,
.page-id-60 .woocommerce-MyAccount-content .row {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

/* 7) Texte d’aide non compressé */
.page-id-60 .woocommerce-MyAccount-content p,
.page-id-60 .woocommerce-MyAccount-content .entry-content p {
  max-width: none !important;
  width: 100% !important;
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* 8) Lignes/champs en full width (pas de 48%, pas de float) */
.page-id-60 .woocommerce-MyAccount-content .form-row,
.page-id-60 .woocommerce-MyAccount-content .woocommerce-form-row,
.page-id-60 .woocommerce-MyAccount-content .form-row-wide,
.page-id-60 .woocommerce-MyAccount-content .woocommerce-form-row--wide {
  display: block !important;
  float: none !important;
  clear: both !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 16px !important;
}
.page-id-60 .woocommerce-MyAccount-content .woocommerce-input-wrapper {
  width: 100% !important;
  max-width: 100% !important;
}
.page-id-60 .woocommerce-MyAccount-content label { display:block; margin:0 0 6px; }

/* 9) Inputs/bouton = 100% de la carte */
.page-id-60 .woocommerce-MyAccount-content input.input-text,
.page-id-60 .woocommerce-MyAccount-content .input-text,
.page-id-60 .woocommerce-MyAccount-content input[type="text"],
.page-id-60 .woocommerce-MyAccount-content input[type="email"],
.page-id-60 .woocommerce-MyAccount-content input[type="password"],
.page-id-60 .woocommerce-MyAccount-content textarea,
.page-id-60 .woocommerce-MyAccount-content select {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  padding: 12px 14px;
}
.page-id-60 .woocommerce-MyAccount-content .button,
.page-id-60 .woocommerce-MyAccount-content button[type="submit"] {
  width: 100% !important;
}

/* 10) Titres */
.page-id-60 .woocommerce-MyAccount-content h2{
  font-size: 28px;
  margin: 0 0 6px;
}

/* 11) Mobile — carte quasi plein écran */
@media (max-width: 480px){
  .page-id-60 .woocommerce-account .entry-content,
  .page-id-60 .woocommerce-account .woocommerce{
    display: block !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .page-id-60 .woocommerce-MyAccount-content{
    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;
  }
}

/* 12) Notices (comme 455) */
.page-id-60 .woocommerce-message{
  border-color: #16a34a !important;
  background-color: #eaf7ef !important;
  color: #16a34a !important;
  margin: 0 0 16px;
}
.woocommerce .woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-error {
  background-color: #fee2e2 !important;
  color: #dc2626 !important;
  margin: 0 0 16px;
}
.woocommerce .woocommerce-error::before,
.woocommerce .woocommerce-error a { color: #dc2626 !important; }
.woocommerce .woocommerce-error li { color: inherit !important; }
.woocommerce .woocommerce-error strong { color: #dc2626; }
.woocommerce .woocommerce-error a { color: #dc2626 !important; text-decoration: underline !important; }
.woocommerce .woocommerce-error a:hover,
.woocommerce .woocommerce-error a:focus,
.woocommerce .woocommerce-error a:active { text-decoration: underline !important; }

/* === Page ID 60 — même espace haut que /login (ID 455) === */

/* Augmente l’espace au-dessus de la carte */
.page-id-60 .woocommerce-account .woocommerce{
  padding-top: 80px !important;     /* ajuste à 72–96px selon ton œil */
  padding-bottom: 40px !important;  /* garde le bas identique */
}

/* La carte ne rajoute pas d’écart superflu */
.page-id-60 .woocommerce-MyAccount-content{
  margin-top: 0 !important;
}

/* Le titre ne pousse pas vers le bas */
.page-id-60 .woocommerce-MyAccount-content h2{
  margin-top: 0 !important;
}

/* Mobile: un peu moins d’air pour garder l’équilibre */
@media (max-width: 480px){
  .page-id-60 .woocommerce-account .woocommerce{
    padding-top: 56px !important;   /* même logique, un cran plus léger sur mobile */
    padding-bottom: 32px !important;
  }
}

/* === Page ID 60 — Espace haut identique à /login (ID 455) === */

/* Desktop/tablette : même “air” au-dessus de la carte */
.page-id-60 .woocommerce-MyAccount-content{
  margin-top: 48px !important;   /* ajuste à 72–96px si tu veux peaufiner */
}

/* Garder un peu moins d’air sur mobile */
@media (max-width: 480px){
  .page-id-60 .woocommerce-MyAccount-content{
    margin-top: 56px !important;
    margin-bottom: 1px !important;
    padding-bottom: 1px !important;
            min-height: 1px !important;
  }
}

.bb-template-v2 .woocommerce .woocommerce-MyAccount-content {
    background-color: var(--bb-content-background-color);
    border: 1px solid rgba(0, 0, 0, .08)!important;
    
}

/* === Page ID 60 — supprimer l'espace en bas de la carte === */

/* 1) Pas de hauteur minimale imposée par le thème */
.page-id-60 .woocommerce-MyAccount-content{
  min-height: 0 !important;      /* certain thèmes mettent 400–520px */
  padding-bottom: 20px !important;/* resserre l'air bas de la carte */
}

/* 2) Retirer marges bas du dernier contenu du formulaire */
.page-id-60 .woocommerce-MyAccount-content form{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.page-id-60 .woocommerce-MyAccount-content .form-row:last-child,
.page-id-60 .woocommerce-MyAccount-content .woocommerce-form-row:last-child{
  margin-bottom: 0 !important;
}
.page-id-60 .woocommerce-MyAccount-content .button,
.page-id-60 .woocommerce-MyAccount-content button[type="submit"]{
  display: block;
  width: 100% !important;
  margin-bottom: 0 !important;   /* pas d'espace sous le bouton */
}

/* 3) Si le thème ajoute un clearfix ou un spacer après le formulaire,
      on le neutralise aussi */
.page-id-60 .woocommerce-MyAccount-content .clear,
.page-id-60 .woocommerce-MyAccount-content .spacer,
.page-id-60 .woocommerce-MyAccount-content .wp-block-spacer{
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 4) Mobile : encore un petit resserrage si besoin */
@media (max-width: 480px){
  .page-id-60 .woocommerce-MyAccount-content{
    padding-bottom: 16px !important;
  }
}

/* WooCommerce error notices — no focus ring/border */
.woocommerce .woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-error,
.woocommerce .woocommerce-error:focus,
.woocommerce-notices-wrapper .woocommerce-error:focus,
.woocommerce .woocommerce-error:focus-visible,
.woocommerce-notices-wrapper .woocommerce-error:focus-visible,
.woocommerce .woocommerce-error:focus-within,
.woocommerce-notices-wrapper .woocommerce-error:focus-within {
  outline: none !important;
  box-shadow: none !important;
  border-color: transparent !important; /* ou supprime complètement la bordure: border: 0 !important; */
}

/* === Page ID 60 — supprimer l'espace interne sous le bouton (mobile) === */
@media (max-width: 600px){

  /* La carte ne s'étire pas : pas de min-height/height forcés, pas de flex qui
     pousse le bas, padding bas réduit */
  .page-id-60 .woocommerce-MyAccount-content{
    display: block !important;
    min-height: 0 !important;
    height: auto !important;
    padding-bottom: 12px !important;   /* ajuste 8–16px selon ton goût */
  }

  /* Si un wrapper interne est en flex avec space-between, on le neutralise */
  .page-id-60 .woocommerce-MyAccount-content > *{
    display: block !important;
    min-height: 0 !important;
    height: auto !important;
  }

  /* Le formulaire n'ajoute pas d'espace en bas */
  .page-id-60 .woocommerce-MyAccount-content form{
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  /* Le bouton n'a aucune marge bas */
  .page-id-60 .woocommerce-MyAccount-content .button,
  .page-id-60 .woocommerce-MyAccount-content button[type="submit"]{
    width: 100% !important;
    margin-bottom: 0 !important;
  }

  /* Supprimer la marge du DERNIER enfant quel qu'il soit (p, div, form, etc.) */
  .page-id-60 .woocommerce-MyAccount-content > *:last-child,
  .page-id-60 .woocommerce-MyAccount-content > .wp-block-group:last-child,
  .page-id-60 .woocommerce-MyAccount-content > .wp-block-columns:last-child,
  .page-id-60 .woocommerce-MyAccount-content .woocommerce-ResetPassword > *:last-child,
  .page-id-60 .woocommerce-MyAccount-content form > *:last-child{
    margin-bottom: 0 !important;
  }

  /* Lignes de formulaire et wrapper input : pas d'espace bas résiduel */
  .page-id-60 .woocommerce-MyAccount-content .woocommerce-form-row:last-child,
  .page-id-60 .woocommerce-MyAccount-content .form-row:last-child,
  .page-id-60 .woocommerce-MyAccount-content .woocommerce-input-wrapper:last-child{
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  /* Tuer tout spacer/clear/separator que le thème pourrait insérer */
  .page-id-60 .woocommerce-MyAccount-content .clear,
  .page-id-60 .woocommerce-MyAccount-content .spacer,
  .page-id-60 .woocommerce-MyAccount-content .separator,
  .page-id-60 .woocommerce-MyAccount-content .wp-block-spacer{
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

.page-id-60 .woocommerce .wc-MyAccount-sub-heading{
    padding: 0 0 1px;
  border-bottom: 0 !important;  /* cache la bordure */
  /* si tu veux aussi tasser l'espace : */
  /* padding-bottom: 0 !important; */
}

.woocommerce .wc-LostPassword {
    padding: 2rem;
    
}

.woocommerce .wc-LostPassword .bs_woocommerce_reset_ctrls {
    margin-bottom: 35px !important;
}

/* WooCommerce success notice — remove focus ring/border */
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-message:focus,
.woocommerce .woocommerce-message:focus-visible,
.woocommerce .woocommerce-message:focus-within {
  outline: none !important;
  box-shadow: none !important;
  border-color: transparent !important; /* ou retire cette ligne si tu veux garder la bordure */
}

/* Si le thème trace via un pseudo-élément ou des liens internes */
.woocommerce .woocommerce-message::before,
.woocommerce .woocommerce-message a:focus,
.woocommerce .woocommerce-message a:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

/* === RESET STEP UNIQUEMENT (formulaire avec classe .woocommerce-ResetPassword) === */

/* La carte */
.page-id-60 form.woocommerce-ResetPassword {
  max-width: 600px !important;
  width: 100% !important;
  margin: 80px auto 40px !important;      /* même “air” haut/bas que ta page 60 */
  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);
  min-height: 0 !important;
  height: auto !important;
}

/* Titre & légende dans ce form */
.page-id-60 form.woocommerce-ResetPassword h2,
.page-id-60 form.woocommerce-ResetPassword legend {
  font-size: 28px;
  font-weight: 700;
  margin: 0 0 6px;
}

/* Lignes / labels / champs */
.page-id-60 form.woocommerce-ResetPassword .form-row {
  display: block !important;
  width: 100% !important;
  margin: 0 0 16px !important;
}
.page-id-60 form.woocommerce-ResetPassword label {
  display: block;
  margin: 0 0 6px;
  font-weight: 600;
}
.page-id-60 form.woocommerce-ResetPassword input.input-text,
.page-id-60 form.woocommerce-ResetPassword input[type="password"] {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  padding: 12px 14px;
}

/* Bouton pleine largeur */
.page-id-60 form.woocommerce-ResetPassword .button {
  width: 100% !important;
  margin-bottom: 0 !important;
}

/* Astérisque required (même style que ta page) */
.page-id-60 form.woocommerce-ResetPassword label .required,
.page-id-60 form.woocommerce-ResetPassword label abbr.required{
  color: var(--wc-red) !important;
  font-weight: 700 !important;
  border: 0 !important;
  text-decoration: none !important;
  border-bottom: none !important;
}

/* Mobile : même carte quasi plein écran (uniquement pour ce form) */
@media (max-width: 480px){
  .page-id-60 form.woocommerce-ResetPassword{
    max-width: none !important;
    width: calc(100vw - 32px) !important;        /* 16px de chaque côté */
    margin: 56px auto 32px !important;
    border-radius: 12px !important;
    padding: 20px 16px !important;
  }
}

/* === RESET STEP UNIQUEMENT — moins d'espace haut + police Montserrat === */

/* 1) Moins d'air au-dessus de la boîte */
.page-id-60 form.woocommerce-ResetPassword{
  margin: 28px auto 32px !important;   /* avant 80px — ajuste 24–40px selon ton œil */
}

/* 2) Police Montserrat sur tout le formulaire reset */
.page-id-60 form.woocommerce-ResetPassword,
.page-id-60 form.woocommerce-ResetPassword h1,
.page-id-60 form.woocommerce-ResetPassword h2,
.page-id-60 form.woocommerce-ResetPassword legend,
.page-id-60 form.woocommerce-ResetPassword p,
.page-id-60 form.woocommerce-ResetPassword label,
.page-id-60 form.woocommerce-ResetPassword input,
.page-id-60 form.woocommerce-ResetPassword button,
.page-id-60 form.woocommerce-ResetPassword .button{
  font-family: 'Montserrat', var(--bb-base-font, 'Montserrat'),
               -apple-system, system-ui, "Segoe UI", Roboto,
               "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 400; /* ajuste si tu veux un 500/600 pour les labels */
}

/* Titre un peu plus marqué, comme ta page 60 */
.page-id-60 form.woocommerce-ResetPassword h2,
.page-id-60 form.woocommerce-ResetPassword legend{
  font-weight: 700;
}

/* === RESET PASSWORD (page ID 60) — centrer vraiment sur mobile === */
@media (max-width: 600px){

  /* 1) Nettoyer les paddings du parent courant de la page 60 */
  .page-id-60 .entry-content,
  .page-id-60 .site-content .container,
  .page-id-60 .content,
  .page-id-60 .bb-grid {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* 2) Centrage “au viewport” du formulaire (peu importe le parent) */
  .page-id-60 form.woocommerce-ResetPassword{
    width: calc(100vw - 32px) !important;   /* 16px de gouttière de chaque côté */
    max-width: none !important;

    /* on gère uniquement le margin vertical pour éviter le recentrage par le parent */
    margin: 56px 0 32px !important;

    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%) !important; /* centre par rapport au viewport */
    border-radius: 12px !important;
    padding: 20px 16px !important;
  }
}

/* === /my-account/lost-password (page ID 438) — UNE SEULE BOÎTE, CONTENU VRAIMENT FULL WIDTH === */

/* 1) Cacher la navigation (une seule colonne) */
.page-id-438 .woocommerce-MyAccount-navigation { display: none !important; }

/* 2) Wrapper Woo centré autour de la carte */
.page-id-438 .woocommerce-account .entry-content,
.page-id-438 .woocommerce-account .woocommerce {
  display: flex;
  justify-content: center;
}
.page-id-438 .woocommerce-account .woocommerce { padding: 40px 16px; }

/* 3) La SEULE BOÎTE (style carte = même que page 455) */
.page-id-438 .woocommerce-MyAccount-content{
  max-width: 600px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  
  min-width: 0 !important;

  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);
}

/* 4) 🔧 DÉBLOCAGE FULL-WIDTH — enfants directs & wrappers thème/Gutenberg */
.page-id-438 .woocommerce-MyAccount-content > *,
.page-id-438 .woocommerce-MyAccount-content > .wp-block-group,
.page-id-438 .woocommerce-MyAccount-content > .wp-block-group > .wp-block-group__inner-container,
.page-id-438 .woocommerce-MyAccount-content > .wp-block-columns,
.page-id-438 .woocommerce-MyAccount-content > .wp-block-columns > .wp-block-column,
.page-id-438 .woocommerce-MyAccount-content > .container,
.page-id-438 .woocommerce-MyAccount-content > .content,
.page-id-438 .woocommerce-MyAccount-content > .bb-wrap,
.page-id-438 .woocommerce-MyAccount-content > .bb-grid,
.page-id-438 .woocommerce-MyAccount-content > .row {
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 5) Retirer la "boîte dans la boîte" (fond/bordure internes) */
.page-id-438 .woocommerce-MyAccount-content form.lost_reset_password,
.page-id-438 .woocommerce-MyAccount-content form.woocommerce-ResetPassword,
.page-id-438 .woocommerce-MyAccount-content .bb-card,
.page-id-438 .woocommerce-MyAccount-content .card,
.page-id-438 .woocommerce-MyAccount-content .box,
.page-id-438 .woocommerce-MyAccount-content .panel {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* 6) Formulaire et colonnes forcés en 100% */
.page-id-438 .woocommerce-MyAccount-content form,
.page-id-438 .woocommerce-MyAccount-content .woocommerce form,
.page-id-438 .woocommerce-MyAccount-content .woocommerce-ResetPassword,
.page-id-438 .woocommerce-MyAccount-content .u-columns,
.page-id-438 .woocommerce-MyAccount-content .columns,
.page-id-438 .woocommerce-MyAccount-content .column,
.page-id-438 .woocommerce-MyAccount-content .row {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

/* 7) Texte d’aide non compressé */
.page-id-438 .woocommerce-MyAccount-content p,
.page-id-438 .woocommerce-MyAccount-content .entry-content p {
  max-width: none !important;
  width: 100% !important;
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* 8) Lignes/champs en full width (pas de 48%, pas de float) */
.page-id-438 .woocommerce-MyAccount-content .form-row,
.page-id-438 .woocommerce-MyAccount-content .woocommerce-form-row,
.page-id-438 .woocommerce-MyAccount-content .form-row-wide,
.page-id-438 .woocommerce-MyAccount-content .woocommerce-form-row--wide {
  display: block !important;
  float: none !important;
  clear: both !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 16px !important;
}
.page-id-438 .woocommerce-MyAccount-content .woocommerce-input-wrapper {
  width: 100% !important;
  max-width: 100% !important;
}
.page-id-438 .woocommerce-MyAccount-content label { display:block; margin:0 0 6px; }

/* 9) Inputs/bouton = 100% de la carte */
.page-id-438 .woocommerce-MyAccount-content input.input-text,
.page-id-438 .woocommerce-MyAccount-content .input-text,
.page-id-438 .woocommerce-MyAccount-content input[type="text"],
.page-id-438 .woocommerce-MyAccount-content input[type="email"],
.page-id-438 .woocommerce-MyAccount-content input[type="password"],
.page-id-438 .woocommerce-MyAccount-content textarea,
.page-id-438 .woocommerce-MyAccount-content select {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  padding: 12px 14px;
}
.page-id-438 .woocommerce-MyAccount-content .button,
.page-id-438 .woocommerce-MyAccount-content button[type="submit"] {
  width: 100% !important;
}

/* 10) Titres */
.page-id-438 .woocommerce-MyAccount-content h2{
  font-size: 28px;
  margin: 0 0 6px;
}

/* 11) Mobile — carte quasi plein écran */
@media (max-width: 480px){
  .page-id-438 .woocommerce-account .entry-content,
  .page-id-438 .woocommerce-account .woocommerce{
    display: block !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .page-id-438 .woocommerce-MyAccount-content{
    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;
  }
}

/* 12) Notices (comme 455) */
.page-id-438 .woocommerce-message{
  border-color: #16a34a !important;
  background-color: #eaf7ef !important;
  color: #16a34a !important;
  margin: 0 0 16px;
}
.page-id-438 .woocommerce .woocommerce-error,
.page-id-438 .woocommerce-notices-wrapper .woocommerce-error {
  background-color: #fee2e2 !important;
  color: #dc2626 !important;
  margin: 0 0 16px;
}
.page-id-438 .woocommerce .woocommerce-error::before,
.page-id-438 .woocommerce .woocommerce-error a { color: #dc2626 !important; }
.page-id-438 .woocommerce .woocommerce-error li { color: inherit !important; }
.page-id-438 .woocommerce .woocommerce-error strong { color: #dc2626; }
.page-id-438 .woocommerce .woocommerce-error a { color: #dc2626 !important; text-decoration: underline !important; }
.page-id-438 .woocommerce .woocommerce-error a:hover,
.page-id-438 .woocommerce .woocommerce-error a:focus,
.page-id-438 .woocommerce .woocommerce-error a:active { text-decoration: underline !important; }

/* === Page ID 438 — même espace haut que /login (ID 455) === */

/* Augmente l’espace au-dessus de la carte */
.page-id-438 .woocommerce-account .woocommerce{
  padding-top: 80px !important;     /* ajuste à 72–96px selon ton œil */
  padding-bottom: 40px !important;  /* garde le bas identique */
}

/* La carte ne rajoute pas d’écart superflu */
.page-id-438 .woocommerce-MyAccount-content{
  margin-top: 0 !important;
}

/* Le titre ne pousse pas vers le bas */
.page-id-438 .woocommerce-MyAccount-content h2{
  margin-top: 0 !important;
}

/* Mobile: un peu moins d’air pour garder l’équilibre */
@media (max-width: 480px){
  .page-id-438 .woocommerce-account .woocommerce{
    padding-top: 56px !important;   /* même logique, un cran plus léger sur mobile */
    padding-bottom: 32px !important;
  }
}

/* === Page ID 438 — Espace haut identique à /login (ID 455) === */

/* Desktop/tablette : même “air” au-dessus de la carte */
.page-id-438 .woocommerce-MyAccount-content{
  margin-top: 48px !important;   /* ajuste à 72–96px si tu veux peaufiner */
}

/* Garder un peu moins d’air sur mobile */
@media (max-width: 480px){
  .page-id-438 .woocommerce-MyAccount-content{
    margin-top: 56px !important;
    margin-bottom: 1px !important;
    padding-bottom: 1px !important;
            min-height: 1px !important;
  }
}

.page-id-438.bb-template-v2 .woocommerce .woocommerce-MyAccount-content {
    background-color: var(--bb-content-background-color);
    border: 1px solid rgba(0, 0, 0, .08)!important;
}

/* === Page ID 438 — supprimer l'espace en bas de la carte === */

/* 1) Pas de hauteur minimale imposée par le thème */
.page-id-438 .woocommerce-MyAccount-content{
  min-height: 0 !important;      /* certain thèmes mettent 400–520px */
  padding-bottom: 20px !important;/* resserre l'air bas de la carte */
}

/* 2) Retirer marges bas du dernier contenu du formulaire */
.page-id-438 .woocommerce-MyAccount-content form{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.page-id-438 .woocommerce-MyAccount-content .form-row:last-child,
.page-id-438 .woocommerce-MyAccount-content .woocommerce-form-row:last-child{
  margin-bottom: 0 !important;
}
.page-id-438 .woocommerce-MyAccount-content .button,
.page-id-438 .woocommerce-MyAccount-content button[type="submit"]{
  display: block;
  width: 100% !important;
  margin-bottom: 0 !important;   /* pas d'espace sous le bouton */
}

/* 3) Si le thème ajoute un clearfix ou un spacer après le formulaire,
      on le neutralise aussi */
.page-id-438 .woocommerce-MyAccount-content .clear,
.page-id-438 .woocommerce-MyAccount-content .spacer,
.page-id-438 .woocommerce-MyAccount-content .wp-block-spacer{
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 4) Mobile : encore un petit resserrage si besoin */
@media (max-width: 480px){
  .page-id-438 .woocommerce-MyAccount-content{
    padding-bottom: 16px !Important;
  }
}

/* WooCommerce error notices — no focus ring/border (scopé à 438) */
.page-id-438 .woocommerce .woocommerce-error,
.page-id-438 .woocommerce-notices-wrapper .woocommerce-error,
.page-id-438 .woocommerce .woocommerce-error:focus,
.page-id-438 .woocommerce-notices-wrapper .woocommerce-error:focus,
.page-id-438 .woocommerce .woocommerce-error:focus-visible,
.page-id-438 .woocommerce-notices-wrapper .woocommerce-error:focus-visible,
.page-id-438 .woocommerce .woocommerce-error:focus-within,
.page-id-438 .woocommerce-notices-wrapper .woocommerce-error:focus-within {
  outline: none !important;
  box-shadow: none !important;
  border-color: transparent !important; /* ou supprime complètement la bordure: border: 0 !important; */
}

/* === Page ID 438 — supprimer l'espace interne sous le bouton (mobile) === */
@media (max-width: 600px){

  /* La carte ne s'étire pas : pas de min-height/height forcés, pas de flex qui
     pousse le bas, padding bas réduit */
  .page-id-438 .woocommerce-MyAccount-content{
    display: block !important;
    min-height: 0 !important;
    height: auto !important;
    padding-bottom: 12px !important;   /* ajuste 8–16px selon ton goût */
  }

  /* Si un wrapper interne est en flex avec space-between, on le neutralise */
  .page-id-438 .woocommerce-MyAccount-content > *{
    display: block !important;
    min-height: 0 !important;
    height: auto !important;
  }

  /* Le formulaire n'ajoute pas d'espace en bas */
  .page-id-438 .woocommerce-MyAccount-content form{
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  /* Le bouton n'a aucune marge bas */
  .page-id-438 .woocommerce-MyAccount-content .button,
  .page-id-438 .woocommerce-MyAccount-content button[type="submit"]{
    width: 100% !important;
    margin-bottom: 0 !important;
  }

  /* Supprimer la marge du DERNIER enfant quel qu'il soit (p, div, form, etc.) */
  .page-id-438 .woocommerce-MyAccount-content > *:last-child,
  .page-id-438 .woocommerce-MyAccount-content > .wp-block-group:last-child,
  .page-id-438 .woocommerce-MyAccount-content > .wp-block-columns:last-child,
  .page-id-438 .woocommerce-MyAccount-content .woocommerce-ResetPassword > *:last-child,
  .page-id-438 .woocommerce-MyAccount-content form > *:last-child{
    margin-bottom: 0 !important;
  }

  /* Lignes de formulaire et wrapper input : pas d'espace bas résiduel */
  .page-id-438 .woocommerce-MyAccount-content .woocommerce-form-row:last-child,
  .page-id-438 .woocommerce-MyAccount-content .form-row:last-child,
  .page-id-438 .woocommerce-MyAccount-content .woocommerce-input-wrapper:last-child{
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  /* Tuer tout spacer/clear/separator que le thème pourrait insérer */
  .page-id-438 .woocommerce-MyAccount-content .clear,
  .page-id-438 .woocommerce-MyAccount-content .spacer,
  .page-id-438 .woocommerce-MyAccount-content .separator,
  .page-id-438 .woocommerce-MyAccount-content .wp-block-spacer{
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

/* Sous-titre MyAccount — scoppé à 438 */
.page-id-438 .woocommerce .wc-MyAccount-sub-heading{
  padding: 0 0 1px;
  border-bottom: 0 !important;  /* cache la bordure */
  /* si tu veux aussi tasser l'espace : */
  /* padding-bottom: 0 !important; */
}

/* LostPassword wrapper — scoper à 438 */
.page-id-438 .woocommerce .wc-LostPassword {
  padding: 2rem;
}

.page-id-438 .woocommerce .wc-LostPassword .bs_woocommerce_reset_ctrls {
  margin-bottom: 35px !important;
}

/* WooCommerce success notice — remove focus ring/border (scopé à 438) */
.page-id-438 .woocommerce .woocommerce-message,
.page-id-438 .woocommerce .woocommerce-message:focus,
.page-id-438 .woocommerce .woocommerce-message:focus-visible,
.page-id-438 .woocommerce .woocommerce-message:focus-within {
  outline: none !important;
  box-shadow: none !important;
  border-color: transparent !important; /* ou retire cette ligne si tu veux garder la bordure */
}

/* Si le thème trace via un pseudo-élément ou des liens internes — scoper à 438 */
.page-id-438 .woocommerce .woocommerce-message::before,
.page-id-438 .woocommerce .woocommerce-message a:focus,
.page-id-438 .woocommerce .woocommerce-message a:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

/* === RESET STEP UNIQUEMENT (formulaire avec classe .woocommerce-ResetPassword) — PAGE 438 === */

/* La carte */
.page-id-438 form.woocommerce-ResetPassword {
  max-width: 600px !important;
  width: 100% !important;
  margin: 80px auto 40px !important;      /* même “air” haut/bas que ta page 438 */
  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);
  min-height: 0 !important;
  height: auto !important;
}

/* Titre & légende dans ce form */
.page-id-438 form.woocommerce-ResetPassword h2,
.page-id-438 form.woocommerce-ResetPassword legend {
  font-size: 28px;
  font-weight: 700;
  margin: 0 0 6px;
}

/* Lignes / labels / champs */
.page-id-438 form.woocommerce-ResetPassword .form-row {
  display: block !important;
  width: 100% !important;
  margin: 0 0 16px !important;
}
.page-id-438 form.woocommerce-ResetPassword label {
  display: block;
  margin: 0 0 6px;
  font-weight: 600;
}
.page-id-438 form.woocommerce-ResetPassword input.input-text,
.page-id-438 form.woocommerce-ResetPassword input[type="password"] {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  padding: 12px 14px;
}

/* Bouton pleine largeur */
.page-id-438 form.woocommerce-ResetPassword .button {
  width: 100% !important;
  margin-bottom: 0 !important;
}

/* Astérisque required (même style) */
.page-id-438 form.woocommerce-ResetPassword label .required,
.page-id-438 form.woocommerce-ResetPassword label abbr.required{
  color: var(--wc-red) !important;
  font-weight: 700 !important;
  border: 0 !important;
  text-decoration: none !important;
  border-bottom: none !important;
}

/* Mobile : même carte quasi plein écran (uniquement pour ce form) */
@media (max-width: 480px){
  .page-id-438 form.woocommerce-ResetPassword{
    max-width: none !important;
    width: calc(100vw - 32px) !important;        /* 16px de chaque côté */
    margin: 56px auto 32px !important;
    border-radius: 12px !important;
    padding: 20px 16px !important;
  }
}

/* === RESET STEP UNIQUEMENT — moins d'espace haut + police Montserrat — PAGE 438 === */

/* 1) Moins d'air au-dessus de la boîte */
.page-id-438 form.woocommerce-ResetPassword{
  margin: 28px auto 32px !important;   /* avant 80px — ajuste 24–40px selon ton œil */
}

/* 2) Police Montserrat sur tout le formulaire reset */
.page-id-438 form.woocommerce-ResetPassword,
.page-id-438 form.woocommerce-ResetPassword h1,
.page-id-438 form.woocommerce-ResetPassword h2,
.page-id-438 form.woocommerce-ResetPassword legend,
.page-id-438 form.woocommerce-ResetPassword p,
.page-id-438 form.woocommerce-ResetPassword label,
.page-id-438 form.woocommerce-ResetPassword input,
.page-id-438 form.woocommerce-ResetPassword button,
.page-id-438 form.woocommerce-ResetPassword .button{
  font-family: 'Montserrat', var(--bb-base-font, 'Montserrat'),
               -apple-system, system-ui, "Segoe UI", Roboto,
               "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 400; /* ajuste si tu veux un 500/600 pour les labels */
}

/* Titre un peu plus marqué */
.page-id-438 form.woocommerce-ResetPassword h2,
.page-id-438 form.woocommerce-ResetPassword legend{
  font-weight: 700;
}

/* === RESET PASSWORD (page ID 438) — centrer vraiment sur mobile === */
@media (max-width: 600px){

  /* 1) Nettoyer les paddings du parent courant de la page 438 */
  .page-id-438 .entry-content,
  .page-id-438 .site-content .container,
  .page-id-438 .content,
  .page-id-438 .bb-grid {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* 2) Centrage “au viewport” du formulaire (peu importe le parent) */
  .page-id-438 form.woocommerce-ResetPassword{
    width: calc(100vw - 32px) !important;   /* 16px de gouttière de chaque côté */
    max-width: none !important;

    /* on gère uniquement le margin vertical pour éviter le recentrage par le parent */
    margin: 56px 0 32px !important;

    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%) !important; /* centre par rapport au viewport */
    border-radius: 12px !important;
    padding: 20px 16px !important;
  }
}/* End custom CSS */