/* ==========================================================
   BDA BAZAR - AUTH PAGES (login / register / forgot / reset)
   ----------------------------------------------------------
   These pages were the only ones still on raw Bootstrap: a green
   btn-success on login, a red button on register, crimson links
   on one page and blue on the other, and a grey #444 banner while
   every other page uses the navy hero. None of it came from the
   brand palette, so signing in looked like a different website.

   Brand tokens (--bda-navy / --bda-lime / --bda-orange / --bda-line)
   are declared globally in header.php, so they are available here.
   ========================================================== */

/* ---------- stripped header on auth pages ----------
   header.php hides the topbar, search, actions and category nav here, so the
   remaining logo is centred and the bar is kept short. */
body.bda-storefront .mf-header.is-minimal{
    border-bottom:1px solid var(--bda-line, #e4e9f0);
    box-shadow:none;
}
/* The markup marks these [hidden], but .mf-actions / .mf-mobile-actions carry an
   explicit display:flex which beats the UA stylesheet's [hidden]{display:none}.
   Hiding them here is what actually removes them. */
body.bda-storefront .mf-header.is-minimal .mf-actions,
body.bda-storefront .mf-header.is-minimal .mf-mobile-actions,
body.bda-storefront .mf-header.is-minimal .mf-search,
body.bda-storefront .mf-header.is-minimal .mf-mobile-search,
body.bda-storefront .mf-header.is-minimal .mf-mobile-toggle{
    display:none !important;
}
body.bda-storefront .mf-header.is-minimal .mf-header-row,
body.bda-storefront .mf-header.is-minimal .mf-mobile-top{
    justify-content:center;
}
body.bda-storefront .mf-header.is-minimal .mf-logo,
body.bda-storefront .mf-header.is-minimal .mf-mobile-logo{
    margin:0 auto;
}
body.bda-storefront .mf-header.is-minimal .mf-header-main{
    padding:12px 0;
}
body.bda-storefront .mf-header.is-minimal .mf-mobile-header{
    padding:10px 0;
}

body.bda-storefront .bda-auth{
    padding:28px 0 44px;
}

/* the card mirrors the white-card system used across the storefront */
body.bda-storefront .bda-auth-card{
    max-width:440px;
    margin:0 auto;
    background:#fff;
    border:1px solid var(--bda-line, #e4e9f0);
    border-radius:14px;
    padding:24px 22px 26px;
    box-shadow:0 4px 18px rgba(11,37,69,.06);
}

body.bda-storefront .bda-auth-head{
    margin:0 0 18px;
    text-align:center;
}
body.bda-storefront .bda-auth-head h1{
    margin:0 0 6px;
    font-size:22px;
    font-weight:800;
    color:var(--bda-navy, #0b2545);
    letter-spacing:-.2px;
}
body.bda-storefront .bda-auth-head p{
    margin:0;
    font-size:13.5px;
    color:var(--bda-muted, #5c6b80);
}

/* ---------- fields ---------- */
body.bda-storefront .bda-auth-field{
    margin-bottom:14px;
}
body.bda-storefront .bda-auth-field label{
    display:block;
    margin:0 0 6px;
    font-size:13px;
    font-weight:600;
    color:var(--bda-ink, #0f2340);
}
body.bda-storefront .bda-auth-field .form-control,
body.bda-storefront .bda-auth-field input[type="text"],
body.bda-storefront .bda-auth-field input[type="email"],
body.bda-storefront .bda-auth-field input[type="password"],
body.bda-storefront .bda-auth-field input[type="tel"]{
    width:100%;
    height:46px;
    padding:0 12px;
    font-size:15px;
    color:var(--bda-ink, #0f2340);
    background:#fff;
    border:1px solid var(--bda-line, #e4e9f0);
    border-radius:9px;
    box-shadow:none;
    transition:border-color .15s ease, box-shadow .15s ease;
}
body.bda-storefront .bda-auth-field .form-control:focus,
body.bda-storefront .bda-auth-field input:focus{
    outline:none;
    border-color:var(--bda-navy, #0b2545);
    box-shadow:0 0 0 3px rgba(11,37,69,.10);
}

/* password field with a show/hide toggle */
body.bda-storefront .bda-auth-pw{
    position:relative;
}
body.bda-storefront .bda-auth-pw input{
    padding-right:64px;
}
body.bda-storefront .bda-auth-pw-toggle{
    position:absolute;
    right:6px;
    top:50%;
    transform:translateY(-50%);
    border:0;
    background:transparent;
    padding:6px 8px;
    font-size:12px;
    font-weight:700;
    color:var(--bda-navy, #0b2545);
    cursor:pointer;
    border-radius:6px;
}
body.bda-storefront .bda-auth-pw-toggle:hover{
    background:#eef2f7;
}

/* ---------- primary CTA: the site's lime button ---------- */
body.bda-storefront .bda-auth-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    width:100%;
    height:46px;
    margin-top:4px;
    padding:0 16px;
    border:1px solid rgba(11,37,69,.12);
    border-radius:9px;
    background:linear-gradient(135deg, var(--theme-primary, #d8e02a) 0%, var(--theme-hover, #c6ce18) 100%);
    color:var(--bda-navy, #0b2545) !important;
    font-size:15px;
    font-weight:800;
    line-height:1;
    text-decoration:none !important;
    cursor:pointer;
    transition:filter .15s ease, transform .15s ease;
}
body.bda-storefront .bda-auth-btn:hover{
    filter:brightness(1.04);
    transform:translateY(-1px);
}

/* secondary / navy variant (used by the register step buttons) */
body.bda-storefront .bda-auth-btn.is-navy{
    background:var(--bda-navy, #0b2545);
    color:#fff !important;
    border-color:var(--bda-navy, #0b2545);
}

/* ---------- links ---------- */
body.bda-storefront .bda-auth-links{
    margin-top:16px;
    text-align:center;
    font-size:13.5px;
    color:var(--bda-muted, #5c6b80);
}
body.bda-storefront .bda-auth-links a{
    color:var(--bda-navy, #0b2545);
    font-weight:700;
    text-decoration:none;
}
body.bda-storefront .bda-auth-links a:hover{
    color:var(--bda-orange, #f26a1b);
    text-decoration:underline;
}
body.bda-storefront .bda-auth-sep{
    display:flex;
    align-items:center;
    gap:10px;
    margin:16px 0 14px;
    color:#9aa7b8;
    font-size:12px;
}
body.bda-storefront .bda-auth-sep::before,
body.bda-storefront .bda-auth-sep::after{
    content:"";
    flex:1 1 auto;
    height:1px;
    background:var(--bda-line, #e4e9f0);
}

/* ---------- messages ---------- */
body.bda-storefront .bda-auth-msg{
    margin:0 0 14px;
    padding:10px 12px;
    border-radius:9px;
    font-size:13.5px;
    line-height:1.45;
    border:1px solid transparent;
}
body.bda-storefront .bda-auth-msg.is-error{
    background:#fdecec;
    border-color:#f6cfcf;
    color:#a32020;
}
body.bda-storefront .bda-auth-msg.is-success{
    background:#e9f8ee;
    border-color:#c7ecd3;
    color:#1c7a3f;
}

/* ---------- keyboard focus, everywhere on these pages ---------- */
body.bda-storefront .bda-auth a:focus-visible,
body.bda-storefront .bda-auth button:focus-visible,
body.bda-storefront .bda-auth input:focus-visible,
body.bda-storefront .bda-auth [tabindex]:focus-visible{
    outline:3px solid var(--bda-orange, #f26a1b);
    outline-offset:2px;
}

@media (max-width: 480px){
    body.bda-storefront .bda-auth{padding:18px 0 30px;}
    body.bda-storefront .bda-auth-card{padding:18px 16px 20px;border-radius:12px;}
    body.bda-storefront .bda-auth-head h1{font-size:20px;}
}