/* ============================================================
   AUTH CLIENT — même langage visuel que le login wp-admin Bloopin
   ============================================================ */

body.bp-auth-page{
  --bp-auth-bg:var(--bg);
  --bp-auth-surface:var(--card-bg);
  --bp-auth-text:var(--text);
  --bp-auth-muted:var(--text-soft);
  --bp-auth-border:var(--border-subtle);
  --bp-auth-border-strong:var(--border-strong);
  --bp-auth-input-bg:var(--input-bg);
  --bp-auth-input-placeholder:var(--input-placeholder);
  --bp-auth-shadow:var(--shadow-md);
  --bp-auth-shadow-sm:var(--shadow-sm);
  --bp-auth-error-bg:#fef3f2;
  --bp-auth-error-border:#fecdca;
  --bp-auth-error-text:#b42318;
  --bp-auth-success-bg:#ecfdf3;
  --bp-auth-success-border:#abefc6;
  --bp-auth-success-text:#067647;
  font-family:'Poppins',system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  margin:0 !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
}

/* Reset du conteneur de page */
body.bp-auth-page .e-con{
  --margin-top:0px !important;
  --margin-right:0px !important;
  --margin-bottom:0px !important;
  --margin-left:0px !important;
  --padding-top:0px !important;
  --padding-right:0px !important;
  --padding-bottom:0px !important;
  --padding-left:0px !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}

body.bp-auth-page .site-header,
body.bp-auth-page .bp-front-header,
body.bp-auth-page .app-footer-sticky,
body.bp-auth-page .site-footer,
body.bp-auth-page .bp-mobile-bottom-nav{
  display:none !important;
}

body.bp-auth-page,
body.bp-auth-page .site,
body.bp-auth-page #page,
body.bp-auth-page .site-content,
body.bp-auth-page .ast-container,
body.bp-auth-page .site-content > .ast-container,
body.bp-auth-page #primary,
body.bp-auth-page #main,
body.bp-auth-page article,
body.bp-auth-page .entry-content{
  width:100% !important;
  max-width:none !important;
  min-height:100vh !important;
  margin:0 !important;
  padding:0 !important;
  background:var(--bp-auth-bg) !important;
}

body.bp-auth-page .woocommerce-MyAccount-navigation{
  display:none !important;
}

body.bp-auth-page .woocommerce-MyAccount-content{
  width:100% !important;
  float:none !important;
  margin:0 !important;
}

/* ============================================================
   SPLIT SCREEN
   ============================================================ */
body.bp-auth-page .bp-auth{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  grid-template-rows:minmax(0,1fr);
  align-items:stretch;
  width:100%;
  min-height:100dvh;
  background:var(--bp-auth-bg);
}

body.bp-auth-page .bp-auth__visual{
  position:relative;
  width:100%;
  min-width:0;
  height:100dvh;
  min-height:100vh;
  overflow:hidden;
  background:var(--surface-2);
}

body.bp-auth-page .bp-auth__visual-img{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  border:0;
  object-fit:cover;
  object-position:center;
}

body.bp-auth-page .bp-auth__visual::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.06));
  pointer-events:none;
}

/* Logo : même traitement que le login wp-admin */
body.bp-auth-page .bp-auth__brand{
  position:absolute;
  top:22px;
  left:22px;
  z-index:3;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  max-width:180px;
  padding:10px 14px;
  border:2px solid rgba(255,255,255,.5);
  border-radius:18px;
  background:transparent;
  backdrop-filter:blur(5px);
  box-shadow:0 12px 28px rgba(15,23,42,.08);
}

body.bp-auth-page .bp-auth__brand-img{
  display:block;
  width:auto;
  height:auto;
  max-width:100%;
  max-height:90px;
}

/* ============================================================
   COLONNE FORMULAIRE
   ============================================================ */
body.bp-auth-page .bp-auth__panel{
  width:100%;
  min-width:0;
  min-height:100dvh;
  display:grid;
  align-items:center;
  justify-items:center;
  overflow:auto;
  background:var(--bp-auth-bg);
}

body.bp-auth-page .bp-auth__panel-inner{
  width:min(520px,calc(100% - 32px));
  max-width:520px;
  margin:0;
  padding:32px 16px;
  box-sizing:border-box;
}

body.bp-auth-page .bp-auth__heading{
  display:flex;
  align-items:center;
  gap:11px;
  margin:0 0 16px;
}

body.bp-auth-page .bp-auth__heading-icon{
  flex:0 0 auto;
  width:44px;
  height:44px;
  border-radius:14px;
  background:color-mix(in srgb,var(--accent) 10%,var(--surface));
  color:var(--accent,#22a1ee);
  position:relative;
}

body.bp-auth-page .bp-auth__heading-icon::before{
  content:"";
  position:absolute;
  inset:7px;
  background:currentColor;
  -webkit-mask:url("../icons/user-square-rounded.svg") center/contain no-repeat;
  mask:url("../icons/user-square-rounded.svg") center/contain no-repeat;
}

body.bp-auth-page .bp-auth__heading h1{
  margin:0 !important;
  padding:0 !important;
  color:var(--bp-auth-text) !important;
  font-size:26px !important;
  font-weight:700 !important;
  line-height:1.15 !important;
  letter-spacing:-.02em !important;
  text-align:left !important;
}

/* Le titre Woo est remplacé par notre titre commun */
body.bp-auth-page .bp-auth__panel-inner .u-column1 > h2,
body.bp-auth-page .bp-auth__panel-inner .u-column2 > h2{
  display:none !important;
}

body.bp-auth-page .bp-auth__panel-inner .woocommerce,
body.bp-auth-page .bp-auth__panel-inner .u-columns,
body.bp-auth-page .bp-auth__panel-inner .u-column1,
body.bp-auth-page .bp-auth__panel-inner .u-column2{
  width:100% !important;
  max-width:none !important;
  float:none !important;
  margin:0 !important;
}

body.bp-auth-page .bp-auth__panel-inner .u-columns{
  display:block !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

body.bp-auth-page .bp-auth__panel-inner.is-login-mode .u-column1{
  display:block !important;
}
body.bp-auth-page .bp-auth__panel-inner.is-login-mode .u-column2{
  display:none !important;
}
body.bp-auth-page .bp-auth__panel-inner.is-register-mode .u-column1{
  display:none !important;
}
body.bp-auth-page .bp-auth__panel-inner.is-register-mode .u-column2{
  display:block !important;
}

/* ============================================================
   CARTE FORMULAIRE
   ============================================================ */
body.bp-auth-page .bp-auth__panel-inner .woocommerce form.login,
body.bp-auth-page .bp-auth__panel-inner .woocommerce form.register,
body.bp-auth-page .bp-auth__panel-inner .woocommerce form.lost_reset_password,
body.bp-auth-page .bp-auth__panel-inner .woocommerce .woocommerce-form-login,
body.bp-auth-page .bp-auth__panel-inner .woocommerce .woocommerce-ResetPassword{
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:28px 24px 24px !important;
  border:0 !important;
  border-radius:var(--radius-card) !important;
  background:var(--bp-auth-surface) !important;
  box-shadow:var(--bp-auth-shadow) !important;
  box-sizing:border-box !important;
  overflow:visible !important;
}

body.bp-auth-page .bp-auth__panel-inner .woocommerce form p,
body.bp-auth-page .bp-auth__panel-inner .woocommerce .form-row{
  position:relative !important;
  margin:0 0 22px !important;
  padding:0 !important;
}

body.bp-auth-page .bp-auth__panel-inner .woocommerce form p > br,
body.bp-auth-page .bp-auth__panel-inner .woocommerce .form-row > br{
  display:none !important;
}

body.bp-auth-page .bp-auth__panel-inner .woocommerce form label,
body.bp-auth-page .bp-auth__panel-inner .woocommerce .form-row label{
  display:block !important;
  margin:0 0 12px !important;
  color:var(--bp-auth-text) !important;
  font-size:16px !important;
  font-weight:700 !important;
  line-height:1.35 !important;
  text-align:left !important;
}

body.bp-auth-page .bp-auth__panel-inner .required{
  color:#ef4444 !important;
}

/* ============================================================
   INPUTS
   ============================================================ */
body.bp-auth-page .bp-auth__panel-inner .input,
body.bp-auth-page .bp-auth__panel-inner input[type="text"],
body.bp-auth-page .bp-auth__panel-inner input[type="email"],
body.bp-auth-page .bp-auth__panel-inner input[type="password"]{
  width:100% !important;
  max-width:100% !important;
  min-height:50px !important;
  height:50px !important;
  padding:0 16px !important;
  border:0 !important;
  border-radius:var(--radius-control) !important;
  background:var(--bp-auth-input-bg) !important;
  color:var(--bp-auth-text) !important;
  box-shadow:var(--outline-control) !important;
  outline:none !important;
  font-size:var(--text-control) !important;
  line-height:1.4 !important;
  box-sizing:border-box !important;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease !important;
}

body.bp-auth-page .bp-auth__panel-inner input::placeholder{
  color:var(--bp-auth-input-placeholder) !important;
}

body.bp-auth-page .bp-auth__panel-inner .input:hover,
body.bp-auth-page .bp-auth__panel-inner input[type="text"]:hover,
body.bp-auth-page .bp-auth__panel-inner input[type="email"]:hover,
body.bp-auth-page .bp-auth__panel-inner input[type="password"]:hover{
  box-shadow:var(--outline-control-strong) !important;
}

body.bp-auth-page .bp-auth__panel-inner .input:focus,
body.bp-auth-page .bp-auth__panel-inner input[type="text"]:focus,
body.bp-auth-page .bp-auth__panel-inner input[type="email"]:focus,
body.bp-auth-page .bp-auth__panel-inner input[type="password"]:focus{
  border:0 !important;
  box-shadow:
    inset 0 0 0 2px color-mix(in srgb,var(--accent) 48%,var(--border-subtle)),
    var(--focus-ring) !important;
}

body.bp-auth-page .bp-auth__panel-inner span.password-input{
  position:relative !important;
  display:block !important;
  width:100% !important;
}

body.bp-auth-page .bp-auth__panel-inner span.password-input input{
  padding-right:52px !important;
}

/*
 * Toggle mot de passe
 * Reprend volontairement la logique de l’ancienne page Mon compte :
 * WooCommerce conserve son positionnement vertical natif ; Bloopin ne
 * fixe que la géométrie, le décalage droit et l’icône.
 */
body.bp-auth-page .bp-auth__panel-inner span.password-input > .show-password-input{
  -webkit-appearance:none !important;
  appearance:none !important;
  position:absolute !important;
  right:14px !important;
  width:22px !important;
  height:22px !important;
  min-width:22px !important;
  min-height:22px !important;
  margin:0 !important;
  padding:0 !important;
  border:none !important;
  border-radius:0 !important;
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  outline:none !important;
  font-size:0 !important;
  line-height:0 !important;
  color:var(--accent,#22a1ee) !important;
  cursor:pointer !important;
  z-index:5 !important;
}

body.bp-auth-page .bp-auth__panel-inner span.password-input > .show-password-input:hover,
body.bp-auth-page .bp-auth__panel-inner span.password-input > .show-password-input:focus,
body.bp-auth-page .bp-auth__panel-inner span.password-input > .show-password-input:focus-visible,
body.bp-auth-page .bp-auth__panel-inner span.password-input > .show-password-input:active{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  outline:none !important;
  color:var(--accent,#22a1ee) !important;
}

body.bp-auth-page .bp-auth__panel-inner span.password-input > .show-password-input::before{
  content:none !important;
  display:none !important;
}

body.bp-auth-page .bp-auth__panel-inner span.password-input > .show-password-input::after{
  content:"" !important;
  display:block !important;
  width:22px !important;
  height:22px !important;
  background-color:currentColor !important;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='white'><path stroke-linecap='round' stroke-linejoin='round' d='M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z'/><path stroke-linecap='round' stroke-linejoin='round' d='M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z'/></svg>") center/contain no-repeat !important;
  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='white'><path stroke-linecap='round' stroke-linejoin='round' d='M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z'/><path stroke-linecap='round' stroke-linejoin='round' d='M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z'/></svg>") center/contain no-repeat !important;
}

body.bp-auth-page .bp-auth__panel-inner span.password-input > .show-password-input.display-password::after{
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='white'><path stroke-linecap='round' stroke-linejoin='round' d='M3.98 8.223A10.477 10.477 0 0 0 1.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.451 10.451 0 0 1 12 4.5c4.756 0 8.773 3.162 10.065 7.498a10.522 10.522 0 0 1-4.293 5.774M6.228 6.228 3 3m3.228 3.228 3.65 3.65m7.894 7.894L21 21m-3.228-3.228-3.65-3.65m0 0a3 3 0 1 0-4.243-4.243m4.242 4.242L9.88 9.88'/></svg>") center/contain no-repeat !important;
  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='white'><path stroke-linecap='round' stroke-linejoin='round' d='M3.98 8.223A10.477 10.477 0 0 0 1.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.451 10.451 0 0 1 12 4.5c4.756 0 8.773 3.162 10.065 7.498a10.522 10.522 0 0 1-4.293 5.774M6.228 6.228 3 3m3.228 3.228 3.65 3.65m7.894 7.894L21 21m-3.228-3.228-3.65-3.65m0 0a3 3 0 1 0-4.243-4.243m4.242 4.242L9.88 9.88'/></svg>") center/contain no-repeat !important;
}

/* ============================================================
   REMEMBER / BUTTON
   ============================================================ */
body.bp-auth-page .bp-auth__panel-inner .woocommerce-form-login__rememberme{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  margin:0 0 10px !important;
  color:var(--bp-auth-text) !important;
  font-size:15px !important;
  font-weight:500 !important;
}

body.bp-auth-page .bp-auth__panel-inner .woocommerce-form-login__rememberme input{
  width:16px !important;
  height:16px !important;
  accent-color:var(--accent,#22a1ee);
}

body.bp-auth-page .bp-auth__panel-inner .woocommerce button.button,
body.bp-auth-page .bp-auth__panel-inner .woocommerce .button,
body.bp-auth-page .bp-auth__panel-inner .woocommerce input.button{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  min-height:54px !important;
  height:54px !important;
  margin:16px 0 0 !important;
  padding:0 16px !important;
  border:0 !important;
  border-radius:var(--radius-button) !important;
  background:var(--action-primary-bg) !important;
  color:var(--action-primary-text) !important;
  box-shadow:none !important;
  font-size:var(--text-control) !important;
  font-weight:700 !important;
  line-height:1 !important;
  text-align:center !important;
  transition:background .2s ease,transform .2s ease !important;
  box-sizing:border-box !important;
}

body.bp-auth-page .bp-auth__panel-inner .woocommerce button.button:hover,
body.bp-auth-page .bp-auth__panel-inner .woocommerce button.button:focus-visible,
body.bp-auth-page .bp-auth__panel-inner .woocommerce .button:hover,
body.bp-auth-page .bp-auth__panel-inner .woocommerce .button:focus-visible,
body.bp-auth-page .bp-auth__panel-inner .woocommerce input.button:hover,
body.bp-auth-page .bp-auth__panel-inner .woocommerce input.button:focus-visible{
  background:var(--action-primary-hover-bg) !important;
  color:var(--action-primary-hover-text) !important;
  transform:translateY(-1px);
}

/* ============================================================
   ACTIONS SOUS LA CARTE
   ============================================================ */
body.bp-auth-page .bp-auth__secondary-actions{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:56px;
  margin:34px 0 0;
}

body.bp-auth-page .bp-auth__forgot{
  margin:0 !important;
}

body.bp-auth-page .bp-auth__forgot a,
body.bp-auth-page .bp-auth__back{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 16px;
  border:0;
  border-radius:var(--radius-button);
  background:var(--action-secondary-bg);
  color:var(--action-secondary-text) !important;
  box-shadow:var(--outline-control), var(--bp-auth-shadow-sm);
  text-decoration:none !important;
  font-size:var(--text-control);
  font-weight:600;
  white-space:nowrap;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}

body.bp-auth-page .bp-auth__forgot a:hover,
body.bp-auth-page .bp-auth__back:hover{
  background:var(--action-secondary-hover-bg);
  color:var(--action-secondary-text) !important;
  box-shadow:var(--outline-control-strong), var(--bp-auth-shadow-sm);
  transform:translateY(-2px);
}

body.bp-auth-page .bp-auth-switch{
  margin:20px 0 0 !important;
  color:var(--bp-auth-muted) !important;
  font-size:15px !important;
  font-weight:400 !important;
  text-align:center !important;
}

body.bp-auth-page .bp-auth-switch a{
  color:var(--accent,#22a1ee) !important;
  font-weight:700 !important;
  text-decoration:none !important;
}

body.bp-auth-page .bp-auth-switch a:hover{
  text-decoration:underline !important;
  text-underline-offset:3px;
}

/* ============================================================
   MOT DE PASSE OUBLIÉ — même structure que wp-login.php
   ============================================================ */
body.bp-auth-page .bp-auth__password-notice{
  width:100%;
  margin:0 0 16px;
  padding:14px 16px;
  border:2px solid var(--bp-auth-success-border) !important;
  border-radius:18px;
  background:var(--bp-auth-success-bg) !important;
  color:var(--bp-auth-success-text) !important;
  box-shadow:none;
  box-sizing:border-box;
  font-size:13px;
  line-height:1.5;
  text-align:center;
}

/* WooCommerce remet son texte explicatif dans la carte : on l'affiche
   déjà dans l'encart vert au-dessus, comme wp-login.php. */
body.bp-auth-page .bp-auth__panel-inner.is-password-mode
.woocommerce-ResetPassword.lost_reset_password > p:first-child:not(.form-row),
body.bp-auth-page .bp-auth__panel-inner.is-password-mode
form.lost_reset_password > p:first-child:not(.form-row){
  display:none !important;
}

/* Woo applique form-row-first à ~48 %. Le login Bloopin utilise une
   seule colonne : le champ doit occuper toute la carte. */
body.bp-auth-page .bp-auth__panel-inner.is-password-mode .form-row-first,
body.bp-auth-page .bp-auth__panel-inner.is-password-mode .woocommerce-form-row--first{
  float:none !important;
  clear:both !important;
  width:100% !important;
  max-width:100% !important;
}

body.bp-auth-page .bp-auth__panel-inner.is-password-mode .clear{
  display:none !important;
}

body.bp-auth-page .bp-auth__panel-inner.is-password-mode
.woocommerce-ResetPassword input[type="text"],
body.bp-auth-page .bp-auth__panel-inner.is-password-mode
.woocommerce-ResetPassword input[type="email"]{
  width:100% !important;
  max-width:100% !important;
}

body.bp-auth-page .bp-auth__password-actions{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:56px;
  margin:34px 0 0;
}

body.bp-auth-page .bp-auth__password-login{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 16px;
  border:0;
  border-radius:var(--radius-button);
  background:var(--action-secondary-bg);
  color:var(--action-secondary-text) !important;
  box-shadow:var(--outline-control), var(--bp-auth-shadow-sm);
  text-decoration:none !important;
  font-size:var(--text-control);
  font-weight:600;
  white-space:nowrap;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}

body.bp-auth-page .bp-auth__password-login:hover{
  background:var(--action-secondary-hover-bg);
  color:var(--action-secondary-text) !important;
  box-shadow:var(--outline-control-strong), var(--bp-auth-shadow-sm);
  transform:translateY(-2px);
}

/* ============================================================
   NOTICES
   ============================================================ */
body.bp-auth-page .bp-auth__panel-inner .woocommerce-notices-wrapper{
  margin:0 0 16px !important;
}

body.bp-auth-page .bp-auth__panel-inner .woocommerce-error,
body.bp-auth-page .bp-auth__panel-inner .woocommerce-info,
body.bp-auth-page .bp-auth__panel-inner .woocommerce-message{
  margin:0 0 16px !important;
  padding:14px 16px !important;
  border:2px solid var(--bp-auth-border) !important;
  border-radius:18px !important;
  background:var(--surface-2) !important;
  color:var(--bp-auth-text) !important;
  box-shadow:none !important;
  font-size:13px !important;
  line-height:1.5 !important;
}

body.bp-auth-page .bp-auth__panel-inner .woocommerce-error{
  border-color:var(--bp-auth-error-border) !important;
  background:var(--bp-auth-error-bg) !important;
  color:var(--bp-auth-error-text) !important;
}

body.bp-auth-page .bp-auth__panel-inner .woocommerce-message{
  border-color:var(--bp-auth-success-border) !important;
  background:var(--bp-auth-success-bg) !important;
  color:var(--bp-auth-success-text) !important;
}

/* Lost password sans colonnes : lien retour cohérent */
body.bp-auth-page .bp-auth__panel-inner.is-password-mode .woocommerce-ResetPassword p:last-child{
  margin-bottom:0 !important;
}

/* ============================================================
   RESPONSIVE — mêmes proportions que le login wp-admin
   ============================================================ */
@media (max-width:1024px){
  body.bp-auth-page .bp-auth{
    grid-template-columns:1fr;
    grid-template-rows:auto 1fr;
    min-height:100dvh;
  }

  body.bp-auth-page .bp-auth__visual{
    height:40vh;
    min-height:0;
  }

  body.bp-auth-page .bp-auth__panel{
    min-height:60vh;
    height:auto;
    overflow:visible;
    align-items:start;
  }

  body.bp-auth-page .bp-auth__panel-inner{
    width:min(520px,calc(100% - 24px));
    padding:20px 12px 28px;
  }
}

@media (max-width:767px){
  body.bp-auth-page .bp-auth__visual{
    height:34vh;
  }

  body.bp-auth-page .bp-auth__brand{
    top:14px;
    left:14px;
    max-width:140px;
    padding:8px 10px;
  }

  body.bp-auth-page .bp-auth__brand-img{
    max-height:42px;
  }

  body.bp-auth-page .bp-auth__panel{
    min-height:66vh;
  }

  body.bp-auth-page .bp-auth__panel-inner{
    width:calc(100% - 16px);
    max-width:none;
    padding:16px 8px 24px;
  }

  body.bp-auth-page .bp-auth__heading{
    gap:10px;
    margin-bottom:14px;
  }

  body.bp-auth-page .bp-auth__heading-icon{
    width:42px;
    height:42px;
    border-radius:13px;
  }

  body.bp-auth-page .bp-auth__heading-icon::before{
    inset:7px;
  }

  body.bp-auth-page .bp-auth__heading h1{
    font-size:24px !important;
  }

  body.bp-auth-page .bp-auth__panel-inner .woocommerce form.login,
  body.bp-auth-page .bp-auth__panel-inner .woocommerce form.register,
  body.bp-auth-page .bp-auth__panel-inner .woocommerce form.lost_reset_password,
  body.bp-auth-page .bp-auth__panel-inner .woocommerce .woocommerce-form-login,
  body.bp-auth-page .bp-auth__panel-inner .woocommerce .woocommerce-ResetPassword{
    padding:22px 18px 18px !important;
  }

  body.bp-auth-page .bp-auth__secondary-actions,
  body.bp-auth-page .bp-auth__password-actions{
    gap:12px;
    margin-top:24px;
  }
}

@media (max-width:430px){
  body.bp-auth-page .bp-auth__secondary-actions,
  body.bp-auth-page .bp-auth__password-actions{
    flex-direction:column;
    align-items:stretch;
  }

  body.bp-auth-page .bp-auth__forgot a,
  body.bp-auth-page .bp-auth__password-login,
  body.bp-auth-page .bp-auth__back{
    width:100%;
    box-sizing:border-box;
  }
}

@media (prefers-reduced-motion:reduce){
  body.bp-auth-page .bp-auth__forgot a,
  body.bp-auth-page .bp-auth__back,
  body.bp-auth-page .bp-auth__panel-inner .woocommerce button.button,
  body.bp-auth-page .bp-auth__panel-inner .woocommerce .button,
  body.bp-auth-page .bp-auth__panel-inner .woocommerce input.button{
    transition:none !important;
  }
}