/* ===== NHC Storefront v1.6.0 — Registration / My Account guest layout ===== */

/* Login + Register: two equal cards ~420-480px, centered, gap; stack mobile */
body.woocommerce-account #nhc-account-root .u-columns,
body.woocommerce-account #nhc-account-root #customer_login.u-columns,
body.woocommerce-account #nhc-account-root .col2-set,
body.woocommerce-account .u-columns#customer_login,
body.woocommerce-account #customer_login.u-columns,
body.woocommerce-account .woocommerce .u-columns{
  display:flex!important;
  flex-direction:column!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:stretch!important;
  gap:20px!important;
  width:100%!important;
  max-width:100%!important;
  margin:0 auto!important;
  float:none!important;
}
@media (min-width:768px){
  body.woocommerce-account #nhc-account-root .u-columns,
  body.woocommerce-account #nhc-account-root #customer_login.u-columns,
  body.woocommerce-account #nhc-account-root .col2-set,
  body.woocommerce-account .u-columns#customer_login,
  body.woocommerce-account #customer_login.u-columns,
  body.woocommerce-account .woocommerce .u-columns{
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    justify-content:center!important;
    align-items:stretch!important;
    gap:24px!important;
    max-width:1000px!important;
  }
  body.woocommerce-account #nhc-account-root .u-columns .u-column1,
  body.woocommerce-account #nhc-account-root .u-columns .u-column2,
  body.woocommerce-account #nhc-account-root .col-1,
  body.woocommerce-account #nhc-account-root .col-2,
  body.woocommerce-account #customer_login .u-column1,
  body.woocommerce-account #customer_login .u-column2,
  body.woocommerce-account .u-columns .col-1,
  body.woocommerce-account .u-columns .col-2{
    flex:1 1 420px!important;
    width:100%!important;
    max-width:480px!important;
    float:none!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
}
@media (max-width:767px){
  body.woocommerce-account #nhc-account-root .u-columns .u-column1,
  body.woocommerce-account #nhc-account-root .u-columns .u-column2,
  body.woocommerce-account #customer_login .u-column1,
  body.woocommerce-account #customer_login .u-column2,
  body.woocommerce-account .u-columns .col-1,
  body.woocommerce-account .u-columns .col-2{
    width:100%!important;
    max-width:100%!important;
    float:none!important;
  }
}

body.woocommerce-account #nhc-account-root form.woocommerce-form-login,
body.woocommerce-account #nhc-account-root form.woocommerce-form-register,
body.woocommerce-account #nhc-account-root form.login,
body.woocommerce-account #nhc-account-root form.register,
body.woocommerce-account form.woocommerce-form-login,
body.woocommerce-account form.woocommerce-form-register,
body.woocommerce-account form.login,
body.woocommerce-account form.register{
  height:100%;
  box-sizing:border-box;
  background:#f8f3e9!important;
  border:1px solid #ddd4c4!important;
  border-radius:18px!important;
  padding:28px 24px!important;
  margin:0!important;
  box-shadow:none!important;
  width:100%!important;
}

/* Kill nested double borders (.u-column1/.u-column2 inner boxes + Elementor) */
body.woocommerce-account .u-column1,
body.woocommerce-account .u-column2,
body.woocommerce-account .u-columns .col-1,
body.woocommerce-account .u-columns .col-2{
  border:0!important;
  box-shadow:none!important;
  outline:none!important;
  background:transparent!important;
  padding:0!important;
}
body.woocommerce-account .auth-card,
body.woocommerce-account .auth-card .elementor-widget-container,
body.woocommerce-account #nhc-account-root,
body.woocommerce-account #nhc-account-root .woocommerce,
body.woocommerce-account #nhc-account-root .elementor-widget-container,
body:not(.logged-in).woocommerce-account .elementor-widget-shortcode .woocommerce,
body:not(.logged-in).woocommerce-account .e-con,
body:not(.logged-in).woocommerce-account .elementor-element.e-con{
  border:0!important;
  box-shadow:none!important;
  outline:none!important;
}
body:not(.logged-in).woocommerce-account .auth-card{
  background:transparent!important;
  padding:0!important;
}

/* Inputs + submit full width; more padding; button text never clips */
body.woocommerce-account form.woocommerce-form-login input.input-text,
body.woocommerce-account form.woocommerce-form-register input.input-text,
body.woocommerce-account form.login input.input-text,
body.woocommerce-account form.register input.input-text,
body.woocommerce-account #nhc-account-root input.input-text,
body.woocommerce-account #nhc-account-root .woocommerce-Input{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  padding:14px 16px!important;
}
body.woocommerce-account form.woocommerce-form-login button[type="submit"],
body.woocommerce-account form.woocommerce-form-register button[type="submit"],
body.woocommerce-account form.login button[type="submit"],
body.woocommerce-account form.register button[type="submit"],
body.woocommerce-account #nhc-account-root button.woocommerce-button,
body.woocommerce-account #nhc-account-root .woocommerce-form-login__submit,
body.woocommerce-account #nhc-account-root .woocommerce-form-register__submit{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  padding:14px 18px!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:unset!important;
  line-height:1.35!important;
  min-height:48px!important;
}

/* Force WC notices visible (themes sometimes hide .woocommerce-error) */
body.woocommerce-account .woocommerce-error,
body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-info,
body.woocommerce-account .woocommerce-NoticeGroup,
body.woocommerce-account .woocommerce-NoticeGroup-error,
body.woocommerce-account .woocommerce-notices-wrapper,
body.woocommerce-account ul.woocommerce-error,
body.woocommerce-account .woocommerce-error[role="alert"]{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  clip:auto!important;
  position:relative!important;
}
body.woocommerce-account .woocommerce-error,
body.woocommerce-account ul.woocommerce-error{
  background:#fdf2f2!important;
  color:#9b2c2c!important;
  border:1px solid #e8b4b4!important;
  border-radius:12px!important;
  padding:12px 16px!important;
  margin:0 0 16px!important;
  list-style:none!important;
  font:600 14px/1.45 Figtree,system-ui,sans-serif!important;
}
body.woocommerce-account .woocommerce-message{
  background:#eef6f0!important;
  color:#2f4a3c!important;
  border:1px solid #b7d4c0!important;
  border-radius:12px!important;
  padding:12px 16px!important;
  margin:0 0 16px!important;
  font:600 14px/1.45 Figtree,system-ui,sans-serif!important;
}
body.woocommerce-account .woocommerce-error li,
body.woocommerce-account ul.woocommerce-error li{
  display:list-item!important;
  margin:0 0 6px!important;
}
body.woocommerce-account .woocommerce-error li:last-child,
body.woocommerce-account ul.woocommerce-error li:last-child{
  margin-bottom:0!important;
}

/* Hide default privacy paragraph inside register; we use .nhc-reg-legal */
body.woocommerce-account form.woocommerce-form-register .woocommerce-privacy-policy-text,
body.woocommerce-account form.register .woocommerce-privacy-policy-text,
form.woocommerce-form-register .woocommerce-privacy-policy-text{
  display:none!important;
}

.nhc-reg-legal{
  margin:12px 0 0!important;
  font:500 12px/1.45 Figtree,system-ui,sans-serif!important;
  color:#6f675c!important;
  text-align:center!important;
}
.nhc-reg-legal a{
  color:#2f4a3c!important;
  font-weight:700!important;
  text-decoration:underline!important;
}

/* Inline field errors */
.nhc-field-error,
span.nhc-field-error{
  display:block;
  color:#9b2c2c!important;
  font:600 12px/1.35 Figtree,system-ui,sans-serif!important;
  margin:-6px 0 10px!important;
}
.nhc-field-error[hidden]{display:none!important}
.nhc-reg-field.nhc-has-error input.input-text{
  border-color:#c45c5c!important;
}

/* One show-password eye per password field — hide custom duplicates */
button.nhc-eye,
.nhc-eye,
form.woocommerce-form-register button.nhc-pw-toggle,
form.woocommerce-form-login button.nhc-pw-toggle{
  display:none!important;
}
body.woocommerce-account .password-input{
  display:block!important;
  position:relative!important;
  width:100%!important;
}
body.woocommerce-account .password-input .show-password-input{
  position:absolute!important;
  right:10px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:2!important;
}
/* If a field somehow got two WC eyes, keep first only */
body.woocommerce-account .password-input .show-password-input ~ .show-password-input{
  display:none!important;
}

/* Submit disabled while posting */
form.woocommerce-form-register button[type="submit"][disabled],
form.woocommerce-form-register button.woocommerce-form-register__submit[disabled]{
  opacity:.65!important;
  cursor:wait!important;
}

/* CartFlows hides create-account; show billing-section copy, keep WC duplicate hidden */
body.woocommerce-checkout .wcf-create-account-section,
body.single-cartflows_step .wcf-create-account-section,
body.postid-1576 .wcf-create-account-section,
.wcf-embed-checkout-form .wcf-create-account-section{
  display:block!important;
  visibility:visible!important;
  margin:12px 0 8px!important;
}
body.woocommerce-checkout .wcf-create-account-section .create-account,
body.single-cartflows_step .wcf-create-account-section .create-account,
.wcf-embed-checkout-form .wcf-create-account-section .create-account{
  display:block!important;
}
/* Password block under create-account (WC toggles; ensure not clipped) */
body.woocommerce-checkout .wcf-create-account-section #account_password,
body.single-cartflows_step .wcf-create-account-section #account_password,
.wcf-embed-checkout-form .wcf-create-account-section #account_password{
  max-width:100%!important;
}
/* Keep the second duplicate (classic .woocommerce-account-fields) hidden */
body.woocommerce-checkout .woocommerce-account-fields,
body.single-cartflows_step .woocommerce-account-fields,
.wcf-embed-checkout-form > .woocommerce-account-fields,
#customer_details > .woocommerce-account-fields{
  display:none!important;
}

/* Checkout create-account: don't force extra name/email/phone */
body.woocommerce-checkout .woocommerce-account-fields .create-account .woocommerce-password-strength,
body.woocommerce-checkout .woocommerce-account-fields .create-account .woocommerce-password-hint{
  font-size:12px!important;
}

/* Duo popup — always killed (v1.5); no offset dual path */
.woolentor-sale-notification,
.woolentor-notification,
.ht-notification,
.wl-sale-notification,
.ht-sale-notification{
  display:none!important;visibility:hidden!important;pointer-events:none!important;
  height:0!important;width:0!important;overflow:hidden!important;bottom:auto!important;z-index:-1!important;
}
