/* Preloved Bazaar — auth screen (Option A). Guest /my-account/ only. */
/* Card sits on the page background (no grey band — avoids the box-in-box seam). */
.pb-auth{display:flex;justify-content:center;padding:40px 16px 72px;background:transparent}
.pb-auth__card{width:100%;max-width:412px;background:#fff;border:1px solid #e6ebf0;border-radius:20px;padding:28px 26px;box-shadow:0 8px 40px rgba(20,40,60,.06)}
.pb-auth__title{font-size:23px;font-weight:700;text-align:center;margin:0 0 4px;color:#16202a}
.pb-auth__sub{text-align:center;color:#6b7785;font-size:14px;margin:0 0 22px}
.pb-auth__view[hidden]{display:none}
/* Reset Motta's old 2-column login/register layout (it floats the forms +
   half-widths the rows). We control visibility via .pb-auth__view[hidden]. */
.pb-auth .u-columns,.pb-auth .woocommerce-account__form{display:block!important;float:none!important;width:100%!important;margin:0!important}
.pb-auth .woocommerce-form-login,.pb-auth .woocommerce-form-register{display:block!important;float:none!important;width:100%!important;margin:0!important}
.pb-auth .form-row{float:none!important;width:100%!important;margin:0 0 14px!important;padding:0!important;clear:both}
.pb-auth .pb-auth__between{display:flex!important}
.pb-auth .woocommerce-Input,.pb-auth .input-text{width:100%!important}

/* Inputs at a crisp 48px so they match the social buttons' weight (not Motta's 60px). */
.pb-auth .pb-auth__input,.pb-auth .input-text,.pb-auth .woocommerce-Input{padding:0 14px!important;font-size:15px!important;line-height:1.35!important;height:48px!important;min-height:48px!important;border-radius:12px!important}
/* Focus = brand-teal border + soft teal ring. id-scoped to beat Motta's near-black
   :focus rule, which out-specifies a plain .pb-auth selector even with !important. */
#customer_login .pb-auth__input:focus,#customer_login .input-text:focus,#customer_login .woocommerce-Input:focus{border-color:#1f8fb2!important;box-shadow:0 0 0 3px rgba(31,143,178,.15)!important;outline:none!important}
#customer_login .pb-auth__input::placeholder{color:#9aa6b2}
/* Dedupe password reveal: hide WooCommerce's native eye, keep our "Show". */
.pb-auth .password-input{display:block!important;position:static!important}
.pb-auth .password-input>input{width:100%!important}
.pb-auth .show-password-input{display:none!important}
/* Snugger social buttons + tighter rhythm. (Button height is set once below at 48px.) */
.pb-auth__social{margin-bottom:14px}
.pb-auth .pb-auth__field{margin:0 0 12px!important}

/* divider */
.pb-auth__divider{display:flex;align-items:center;gap:12px;color:#6b7785;font-size:13px;margin:18px 0}
.pb-auth__divider::before,.pb-auth__divider::after{content:"";height:1px;background:#e6ebf0;flex:1}

/* fields */
.pb-auth__field{margin:0 0 14px}
.pb-auth__field label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:#2a3744}
.pb-auth__input{width:100%;padding:12px 14px;border:1.5px solid #e6ebf0;border-radius:12px;font-size:15px;background:#fff;color:#16202a}
.pb-auth__input:focus{outline:none;border-color:#1f8fb2}
.pb-auth__pw{position:relative}
/* Centre the Show toggle on the 48px input. Single-word "Password" label (~22px
   tall) + half the 48px field = ~46px to the field centre; ~8px back for the
   button's own height lands it at 38px. Motta sizes <button> to 160x60 + adds a
   teal hover bg — force it back to a bare text link (id-scoped + !important). */
#customer_login .pb-auth__toggle-pw{position:absolute;right:12px;top:38px;bottom:auto;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;max-width:none!important;background:none!important;border:0!important;box-shadow:none!important;color:#155e75!important;font-weight:600;font-size:13px;line-height:1!important;cursor:pointer;padding:0!important}
#customer_login .pb-auth__toggle-pw:hover,#customer_login .pb-auth__toggle-pw:focus,#customer_login .pb-auth__toggle-pw:active{background:none!important;box-shadow:none!important;color:#0f4a5e!important}
/* Keep the bottom row text small + proportioned (Motta bumps the link to 16px). */
#customer_login .pb-auth__between{font-size:13px!important}
#customer_login .pb-auth__remember,#customer_login .pb-auth__remember span,#customer_login .pb-auth__link.lost_password{font-size:13px!important}
.pb-auth__help{display:block;font-size:12px;color:#6b7785;margin-top:4px}
.pb-auth__note{font-size:13px;color:#42505d;margin:0 0 12px}

.pb-auth__between{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px;font-size:13px;flex-wrap:wrap}
.pb-auth__remember{display:flex;align-items:center;gap:8px;color:#42505d}
.pb-auth__remember input{width:16px;height:16px}
.pb-auth__link{color:#155e75;font-weight:600;text-decoration:none}
.pb-auth__link:hover{text-decoration:underline}

.pb-auth__submit{width:100%;padding:13px;background:#1f8fb2;color:#fff;border:0;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:background .15s}
.pb-auth__submit:hover{background:#187f9f}

.pb-auth__consent{display:flex;gap:10px;align-items:flex-start;margin:0 0 14px;font-size:12.5px;color:#42505d;line-height:1.45}
.pb-auth__consent input{margin-top:2px;width:16px;height:16px;flex:0 0 16px}

.pb-auth__swap{text-align:center;font-size:14px;color:#6b7785;margin-top:16px}
.pb-auth__swap a{color:#155e75;font-weight:700;text-decoration:none}
.pb-auth__trust{text-align:center;font-size:12px;color:#6b7785;margin-top:14px}

/* hide any leaked Motta account heading / tab UI */
#customer_login > .woocommerce-account__heading{display:none}

/* ---- restyle Nextend social buttons to a uniform outlined, full-width stack ---- */
.pb-auth__social .nsl-container{margin:0!important;padding:0!important;width:100%!important}
.pb-auth__social .nsl-container .nsl-separator{display:none!important}
.pb-auth__social .nsl-container-buttons{display:flex!important;flex-direction:column!important;gap:10px!important;width:100%!important}
.pb-auth__social .nsl-button{width:100%!important;max-width:none!important;min-height:48px!important;border:1.5px solid #e6ebf0!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important;margin:0!important;overflow:hidden}
.pb-auth__social .nsl-button:hover{border-color:#cfd8e1!important;background:#fafbfc!important}
.pb-auth__social .nsl-button-label-container{color:#1d2730!important;font-size:15px!important;font-weight:600!important}
.pb-auth__social .nsl-button-default div.nsl-button-label-container{font-weight:600!important}
/* Nextend renders FB/Apple icons WHITE (for dark buttons) → invisible on our
   white buttons. Recolour to brand glyphs; clear any dark icon box. */
.pb-auth__social .nsl-button-svg-container{background:transparent!important}
.pb-auth__social .nsl-button-facebook svg path{fill:#1877F2!important}
.pb-auth__social .nsl-button-apple svg rect{fill:transparent!important}
.pb-auth__social .nsl-button-apple svg path{fill:#111!important}
.pb-auth__social .nsl-button-apple{background:#fff!important}
/* Centre the icon+label as a unit. Nextend gives the label container a fixed
   ~148px width with left-aligned text, so the glyph+text looked shifted left. */
.pb-auth__social .nsl-button-label-container{text-align:center!important;width:auto!important}

/* ---- polish pass 2026-05-26 ---- */
/* Pin the primary button to a crisp 50px (Motta's button padding inflated it to ~64px). */
#customer_login .pb-auth__submit{height:50px;padding:0!important;display:flex;align-items:center;justify-content:center;line-height:1}