/* FamosaTime V2.9 — accessible, full-height WooCommerce customer login drawer. */
body.ft-account-open{overflow:hidden}
.ft-login-backdrop[hidden],.ft-account-drawer[hidden]{display:none!important}
.ft-login-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.70);z-index:100001;opacity:0;transition:opacity .23s ease}
.ft-login-backdrop.is-open{opacity:1}
.ft-account-drawer{position:fixed!important;top:0;right:0;bottom:0;width:min(100%,500px);background:#fff;color:#15191c;z-index:100002;box-shadow:-8px 0 28px #0002;transform:translateX(105%);transition:transform .25s ease;overflow-y:auto;overscroll-behavior:contain;font-family:Arial,Helvetica,sans-serif;line-height:1.5}
.ft-account-drawer.is-open{transform:translateX(0)}
.ft-account-drawer *{box-sizing:border-box}
.ft-account-drawer-header{height:57px;min-height:57px;border-bottom:1px solid #ececec;display:flex;justify-content:space-between;align-items:center;padding:0 21px}
.ft-account-drawer-header h2{font-size:14px;font-weight:500;letter-spacing:0;line-height:1.2;margin:0;text-transform:uppercase}
.ft-account-close{appearance:none;border:0;background:transparent;color:#1c1c1c;padding:8px;margin:-4px -9px -4px 0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.ft-account-close:hover{background:#f7f7f7}
.ft-account-drawer-content{padding:19px 20px 35px}
.ft-account-login-form{margin:0;display:flex;flex-direction:column;align-items:stretch}
.ft-account-field{position:relative;border:1px solid #dadada;height:53px;min-height:53px;background:#fff;margin-bottom:16px}
.ft-account-field:focus-within{border-color:#495a6c;box-shadow:0 0 0 2px rgba(38,75,114,.10)}
.ft-account-field label{position:absolute;top:8px;left:14px;color:#404040;font-size:12px;margin:0;font-weight:400;line-height:1.3;pointer-events:none}
.ft-account-field label span{color:#b72e2e}
.ft-account-login-form .ft-account-field input[type="email"],.ft-account-login-form .ft-account-field input[type="password"]{width:100%;height:100%;min-height:0;border:0!important;border-radius:0!important;background:transparent!important;color:#222;padding:23px 14px 6px;font-size:14px;margin:0!important;box-shadow:none!important;outline:0!important}
.ft-account-forgot{font-size:12px;color:#777;text-decoration:underline;margin:-11px 0 24px;align-self:flex-start}
.ft-account-forgot:hover,.ft-account-register a:hover{color:#222}
.ft-account-signin{border:0!important;background:#1d1d1d!important;border-radius:4px!important;color:white!important;width:100%;min-height:41px;font-size:13px!important;font-weight:700!important;cursor:pointer;line-height:1.2!important;transition:background .15s ease}
.ft-account-signin:hover{background:#333!important}
.ft-account-signin:disabled{opacity:.65;cursor:wait}
.ft-account-register{margin:20px 0 0;font-size:12px;line-height:1.6}
.ft-account-register a{text-decoration:underline;color:#777}
.ft-account-error{border:1px solid #e0a4a4;background:#fff4f4;color:#9a2424;font-size:13px;line-height:1.4;padding:11px;margin:-5px 0 15px}
.ft-account-error[hidden]{display:none}
.ft-account-close:focus-visible,.ft-account-signin:focus-visible,.ft-account-forgot:focus-visible,.ft-account-register a:focus-visible{outline:2px solid #1764c7;outline-offset:3px}
/* Account icon stays accessible on narrow screens (unlike the V2.8 generic hide rule). */
@media(max-width:680px){.ft-header-actions .ft-icon-link.ft-account-trigger{display:inline-flex!important}.ft-header-actions{gap:10px}.ft-account-drawer{width:min(100%,440px)}.ft-account-drawer-content{padding:19px 17px 28px}}
@media(prefers-reduced-motion:reduce){.ft-account-drawer,.ft-login-backdrop{transition:none}}
