/* =====================================================================
   Matjri — Dark theme for auth pages (login / register / forgot)
   Additive & reversible: remove the <link> in layouts/guest.blade.php.
   ===================================================================== */

/* ---- page background (kills the green illustration backdrop) ---- */
.auth-wrapper{min-height:100vh;background:#070B12!important;color:#EAF0F8!important}
html body .bg-auth-side.bg-primary.login-page,
html body .bg-auth-side.bg-primary,
html body .bg-auth-side,
.login-page,.register-page{background:#070B12!important;background-image:none!important}
.bns-t,.bns-t>div{background:transparent!important;background-image:none!important}

/* hide the floating color-switcher widget.
   NOTE: .c-bn/.c-bl were removed from this list — they are cookie-consent
   button/block classes, and hiding them made the cookie banner
   impossible to accept or dismiss. */
[class*="customizer"]{display:none!important}

/* ---- top bar: keep light so the (dark) logo stays readable ---- */
.auth-wrapper .navbar{background:rgba(255,255,255,.96)!important;border-bottom:1px solid rgba(0,0,0,.06)}

/* ---- login / register card ---- */
.auth-wrapper .card,
.auth-wrapper .new-login-design,
.auth-wrapper .card-body.new-login-design{
  background:linear-gradient(180deg,#0F1826,#0A0F1A)!important;
  border:1px solid #1C2636!important;color:#EAF0F8!important;border-radius:18px!important;
  box-shadow:0 40px 100px -40px rgba(59,130,246,.4)!important;
}
.auth-wrapper h1,.auth-wrapper h2,.auth-wrapper h3,.auth-wrapper h4,
.auth-wrapper label,.auth-wrapper .form-label,
.auth-wrapper .new-login-design *{color:#EAF0F8}
.auth-wrapper p,.auth-wrapper .text-muted{color:#94A3B8!important}

/* ---- inputs (incl. browser autofill) ---- */
.auth-wrapper .form-control{background:#131E2E!important;border:1px solid #26344a!important;color:#EAF0F8!important}
.auth-wrapper .form-control::placeholder{color:#64748B!important}
.auth-wrapper input:-webkit-autofill{
  -webkit-box-shadow:0 0 0 1000px #131E2E inset!important;
  -webkit-text-fill-color:#EAF0F8!important;caret-color:#EAF0F8;
}

/* ---- primary button -> gradient pill ---- */
.auth-wrapper .btn-primary,.auth-wrapper .login_button{
  background:linear-gradient(115deg,#3B82F6,#7C3AED)!important;border:none!important;color:#fff!important;
  border-radius:100px!important;box-shadow:0 8px 30px -8px rgba(99,102,241,.6);
}

/* ---- links ---- */
.auth-wrapper a,.auth-wrapper .new-login-design a{color:#8B5CF6!important}

/* =====================================================================
   v2 — language dropdown, background artwork, misc
   ===================================================================== */

/* language dropdown (and any header dropdown) was stock white — go dark */
.auth-wrapper .dropdown-menu,.auth-wrapper .dash-h-dropdown{
  background:#0F1826!important;border:1px solid #1C2636!important;
  box-shadow:0 24px 60px -24px rgba(0,0,0,.8)!important;border-radius:12px!important;
}
.auth-wrapper .dropdown-menu .dropdown-item,.auth-wrapper .dropdown-menu a{color:#94A3B8!important;background:transparent!important}
.auth-wrapper .dropdown-menu .dropdown-item:hover{color:#EAF0F8!important;background:rgba(124,58,237,.12)!important}
.auth-wrapper .dropdown-menu .dropdown-item.active,
.auth-wrapper .dropdown-menu .dropdown-item.text-primary{color:#8B5CF6!important}

/* replace the template's stock SVG illustrations with a Matjri-branded
   backdrop: subtle blueprint grid + blue/violet glow (same language as
   the landing hero). Pure CSS — no image assets needed. */
.auth-wrapper img.login-bg-1,.auth-wrapper img.login-bg-2,
.auth-wrapper img.login-bg-3,.auth-wrapper img.login-bg-4,
.auth-wrapper .bns-t{display:none!important}
.auth-wrapper{position:relative;overflow:hidden}
.auth-wrapper::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background-image:linear-gradient(rgba(124,58,237,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.05) 1px,transparent 1px);
  background-size:56px 56px;
  -webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 35%,#000 40%,transparent 78%);
  mask-image:radial-gradient(ellipse 70% 60% at 50% 35%,#000 40%,transparent 78%);
}
.auth-wrapper::after{
  content:"";position:fixed;top:-180px;left:50%;transform:translateX(-50%);
  width:640px;height:640px;border-radius:50%;z-index:0;pointer-events:none;
  background:radial-gradient(circle,rgba(37,99,235,.4),transparent 62%);filter:blur(90px);
}
.auth-wrapper>*{position:relative;z-index:1}

/* =====================================================================
   v3 - language switcher pill
   The template paints the toggle with .bg-primary, which under theme-3
   resolves to a light-green tint with violet text. Neutralise it.
   The navbar deliberately stays light: the logo wordmark is dark navy
   (#1E3A8A) and would be unreadable on a dark bar.
   ===================================================================== */
.auth-wrapper .navbar{background:rgba(255,255,255,.96)!important;border-bottom:1px solid rgba(0,0,0,.06)!important}
.auth-wrapper .drp-language > a,
.auth-wrapper .dash-head-link.bg-primary{
  background:#F1F5F9!important;border:1px solid #CBD5E1!important;color:#1E293B!important;
  border-radius:100px!important;padding:6px 14px!important;
}
.auth-wrapper .drp-language > a i,
.auth-wrapper .drp-language > a .drp-text,
.auth-wrapper .drp-language > a .drp-arrow{color:#1E293B!important}
.auth-wrapper .drp-language > a:hover{background:#E2E8F0!important;border-color:#94A3B8!important}