/* SnackBot — auth page styles (purple theme + decorative background) */

:root{
  --brand-color: #6b1db3;
  --brand-color-2: #5a16a0;
  --bg-1: #f7f5ff;
  --bg-2: #fbf8ff;
  --card-bg: rgba(255,255,255,0.88);
  --muted: #6b7280;
}

/* Toast / messages region */
#toast-region{position:fixed;top:16px;right:16px;z-index:2147483647;display:flex;flex-direction:column;gap:8px}
.toast{min-width:280px;max-width:360px;padding:12px 14px;border-radius:10px;box-shadow:0 6px 20px rgba(0,0,0,.12);background:#fff;color:#111;border-left:4px solid;display:flex;gap:10px;opacity:0;transform:translateY(-8px);transition:opacity .2s,transform .2s}
.toast.show{opacity:1;transform:translateY(0)}
.toast-error{background:#fdecea;border-left-color:#d93025}
.toast-success{background:#ecf7ed;border-left-color:#188038}
.toast .msg{flex:1}

/* Cookie bar (centered card) */
.cookie-bar{position:fixed;z-index:99999;left:50%;transform:translateX(-50%);bottom:1.2rem;width:calc(100% - 2.4rem);max-width:980px;padding:1rem 1.2rem;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:1rem;box-shadow:0 10px 30px rgba(0,0,0,0.12);border:1px solid rgba(0,0,0,0.05);font-size:.95rem;color:#444}
.cookie-bar a{color:#c28f23;text-decoration:underline;font-weight:500}
.cookie-bar button#cookie-ack{background:linear-gradient(135deg,var(--brand-color) 0%, var(--brand-color-2) 100%);color:#fff;border:0;border-radius:8px;padding:.55rem 1.2rem;cursor:pointer;font-weight:600;box-shadow:0 6px 18px rgba(91,20,130,0.12)}

/* Background removed for a clean auth surface */
body{ background: none; background-color: transparent; }

/* Auth container */
.auth-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:56px 18px;position:relative;z-index:1}
.auth-content{width:100%;max-width:560px}

/* Logo pill */
.auth-logo-wrap{text-align:center;margin-bottom:20px}
.auth-logo{width:150px;height:auto;display:inline-block;border-radius:0;padding:0;background:transparent;box-shadow:none;color:inherit}

/* Card */
.card{border-radius:14px;box-shadow:0 18px 48px rgba(15,23,42,0.08);border:1px solid rgba(15,23,42,0.04);background:var(--card-bg);backdrop-filter:blur(6px)}
.card.borderless{border:none}
.card .card-body{padding:34px}

.f-w-600.h4{color:var(--brand-color);font-weight:700;font-size:1.8rem}

/* Controls */
.form-control{border-radius:10px;border:1px solid rgba(15,23,42,0.06);padding:.75rem .85rem}
.form-control:focus{box-shadow:0 10px 30px rgba(107,29,179,0.08);border-color:var(--brand-color);outline:0}
.btn-primary{background:linear-gradient(135deg,var(--brand-color) 0%, var(--brand-color-2) 100%);border:0;border-radius:10px;padding:10px 18px;box-shadow:0 16px 40px rgba(91,20,130,0.12);font-weight:700}
.btn-primary:hover{transform:translateY(-2px)}

.text-muted{color:var(--muted)}
.form-text.text-muted{color:var(--muted)}

.card hr{border-color:rgba(15,23,42,0.06)}

.auth-city-links{margin-top:12px;display:flex;justify-content:center;gap:12px}

@media (max-width:600px){.auth-content{padding:0 12px}.auth-logo{width:120px}.card .card-body{padding:22px}}

/* ensure cookie bar sits above auth UI */
.cookie-bar{z-index:999999}