/* BRIONES Commerce Core · Authentication layer */
.bcc-social-auth{margin:0 0 22px}
.bcc-social-auth__buttons{display:grid;gap:9px}
.bcc-social-auth__button{min-height:46px;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 15px;border:1px solid rgba(18,56,44,.16);border-radius:13px;background:#fffdf8;color:#14372d!important;text-decoration:none!important;font-size:13px;font-weight:800;letter-spacing:.01em;box-shadow:0 5px 16px rgba(25,48,39,.035);transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}
.bcc-social-auth__button:hover{border-color:rgba(10,76,58,.34);transform:translateY(-1px);box-shadow:0 9px 22px rgba(25,48,39,.07)}
.bcc-social-auth__button svg{width:19px;height:19px;flex:0 0 19px;display:block}
.bcc-social-auth__button.is-apple{background:#111;color:#fff!important;border-color:#111}
.bcc-social-auth__divider{display:flex;align-items:center;gap:12px;margin:18px 0 0;color:#7a7970;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.bcc-social-auth__divider:before,.bcc-social-auth__divider:after{content:"";height:1px;background:rgba(24,61,49,.12);flex:1}
.bcc-turnstile-wrap{margin:15px 0 4px;min-height:0}
.bcc-turnstile{max-width:100%}

/* Works inside the current BRIONES theme modal/page auth shell. */
.myb-auth-panel .bcc-social-auth{margin-top:2px}
.myb-auth-panel .bcc-social-auth__button{font-family:inherit}
.myb-auth-panel .bcc-turnstile-wrap{display:flex;justify-content:flex-start}

@media(max-width:620px){
  .bcc-social-auth__button{min-height:44px;border-radius:12px;font-size:12px}
  .bcc-social-auth__divider{margin-top:15px}
}
.bcc-social-auth__terms{margin:10px 2px 0;color:#77766f;font-size:9px;line-height:1.55;text-align:center}
.bcc-social-auth__terms a{color:#0d4b3a!important;text-decoration:underline!important}

/* v1.1.0 · market-aware auth + passkeys */
.bcc-social-auth__primary{margin-top:9px}
.bcc-social-auth__secondary{margin-top:9px}
.bcc-social-auth__more{width:100%;min-height:38px;margin:9px 0 0;border:0;background:transparent;color:#315447;display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px;font-weight:800;cursor:pointer}
.bcc-social-auth__more svg{width:15px;height:15px;transition:transform .18s ease}
.bcc-social-auth__more[aria-expanded="true"] svg{transform:rotate(180deg)}
.bcc-social-auth__button.is-yandex{color:#111!important}
.bcc-social-auth__button.is-yandex svg{color:#fc3f1d}
.bcc-social-auth__button.is-vk{color:#1265b7!important}
.bcc-social-auth__button.is-vk svg{color:#0077ff}
.bcc-social-auth__button.is-telegram{color:#1677a8!important}
.bcc-social-auth__button.is-telegram svg{color:#229ed9}
.bcc-passkey-login{margin:0 0 10px;padding:0}
.bcc-passkey-login__button{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;gap:10px;padding:11px 15px;border:1px solid #0b4636;border-radius:13px;background:linear-gradient(135deg,#0d4637 0%,#083326 100%);color:#fff;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 8px 22px rgba(8,51,38,.12)}
.bcc-passkey-login__button svg{width:20px;height:20px}
.bcc-passkey-login>small{display:block;margin:7px 3px 0;color:#77766f;font-size:9px;line-height:1.5;text-align:center}
.bcc-passkey-status{min-height:0;margin-top:7px;font-size:11px;line-height:1.45;color:#315447}
.bcc-passkey-status.is-error{color:#9b2c2c}.bcc-passkey-status.is-success{color:#17643f}
.bcc-passkey-card .bcc-profile-form-intro{max-width:780px}
.bcc-passkey-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0 10px}
.bcc-passkey-hint{font-size:11px;color:#77766f}
.bcc-passkey-list{margin-top:14px}
.bcc-passkey-list .bcc-security-method__identity svg{width:20px;height:20px;color:#0d4b3a}
.bcc-security-method .is-muted{color:#8a877f;font-size:11px;font-weight:700}

@media(max-width:620px){
  .bcc-passkey-login__button{min-height:46px;border-radius:12px;font-size:12px}
  .bcc-passkey-actions{align-items:stretch;flex-direction:column}
  .bcc-passkey-actions .bcc-security-action{width:100%;text-align:center}
}

/* v1.1.7 · passkey education before biometric prompt */
.bcc-passkey-help{display:block;margin:6px auto 0;padding:0;border:0;background:transparent;color:#0d4b3a;font-size:9px;font-weight:800;text-decoration:underline;cursor:pointer}
.bcc-passkey-intro[hidden]{display:none!important}
.bcc-passkey-intro{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:22px}
.bcc-passkey-intro__backdrop{position:absolute;inset:0;background:rgba(5,25,19,.62);backdrop-filter:blur(4px)}
.bcc-passkey-intro__dialog{position:relative;z-index:1;width:min(520px,100%);padding:30px;border:1px solid rgba(13,75,58,.16);border-radius:24px;background:#fffdf8;box-shadow:0 30px 90px rgba(4,29,22,.26);color:#18352d;text-align:left}
.bcc-passkey-intro__dialog h2{margin:7px 0 12px;font-family:Georgia,'Times New Roman',serif;font-size:30px;line-height:1.08;font-weight:500;color:#0d4b3a}
.bcc-passkey-intro__dialog p{margin:0;color:#5e625c;font-size:13px;line-height:1.7}
.bcc-passkey-intro__close{position:absolute;top:14px;right:15px;width:36px;height:36px;border:0;border-radius:50%;background:#f3eee4;color:#0d4b3a;font-size:23px;line-height:1;cursor:pointer}
.bcc-passkey-intro__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.bcc-passkey-intro__actions .bcc-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #0d4b3a;border-radius:999px;padding:11px 18px;background:#0d4b3a;color:#fff!important;text-decoration:none!important;font-size:11px;font-weight:800;cursor:pointer}
.bcc-passkey-intro__actions .bcc-button.is-secondary{background:transparent;color:#0d4b3a!important}
html.bcc-passkey-intro-open{overflow:hidden}
@media(max-width:620px){.bcc-passkey-intro{padding:14px}.bcc-passkey-intro__dialog{padding:26px 20px 22px;border-radius:20px}.bcc-passkey-intro__dialog h2{font-size:27px}.bcc-passkey-intro__actions{flex-direction:column}.bcc-passkey-intro__actions .bcc-button{width:100%}}


/* v1.1.9 · My BRIONES auth modal viewport scroll
 * The UAE theme renders the authentication shell site-wide. Keep the visual
 * two-column modal intact while allowing the right panel to scroll on shorter
 * laptop/mobile viewports instead of clipping password/actions below the fold. */
.myb-auth-panel{
  max-height:calc(100vh - 10px);
  max-height:calc(100dvh - 10px);
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-gutter:stable;
  scrollbar-width:thin;
  scrollbar-color:rgba(13,75,58,.32) transparent;
}
.myb-auth-panel::-webkit-scrollbar{width:8px}
.myb-auth-panel::-webkit-scrollbar-track{background:transparent}
.myb-auth-panel::-webkit-scrollbar-thumb{background:rgba(13,75,58,.28);border-radius:999px;border:2px solid transparent;background-clip:padding-box}
.myb-auth-panel::-webkit-scrollbar-thumb:hover{background:rgba(13,75,58,.44);border:2px solid transparent;background-clip:padding-box}
.myb-auth-panel .woocommerce-form-login,.myb-auth-panel .woocommerce-form-register{padding-bottom:24px}
@media(max-width:820px){
  .myb-auth-panel{max-height:100vh;max-height:100dvh;scrollbar-gutter:auto}
}