/* ============================================================================
   Decision-Making in Sport — login skin (Ultimate Member, /login)
   ----------------------------------------------------------------------------
   Every rule is scoped under body.dmis-login so it ONLY affects the login page.
   Uses :root tokens + self-hosted fonts from dmis-brand.css.
   UM ships high-specificity / inline styles, so !important is used where needed
   to win against UM's own rules.
   ============================================================================ */

/* ---- Page background: navy gradient + red glow (matches the mockup) ------- */
body.dmis-login{
  background:
    radial-gradient(900px 600px at 80% 15%, rgba(200,16,46,.18), transparent 60%),
    linear-gradient(160deg, var(--navy) 0%, var(--navy-2) 52%, var(--navy-3) 100%) !important;
  color:#fff;
}
/* Strip Astra's container chrome so the card can float on the gradient. */
body.dmis-login #page,
body.dmis-login #content,
body.dmis-login .site-content,
body.dmis-login .ast-container,
body.dmis-login .entry-content,
body.dmis-login .site-primary{
  background:transparent !important;
  max-width:none !important;
  padding-left:0 !important;
  padding-right:0 !important;
  box-shadow:none !important;
}

/* ---- Centre the auth area ------------------------------------------------- */
body.dmis-login .dmis-auth{
  min-height:78vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:48px 20px;
}

/* ---- The single glass card ----------------------------------------------- */
body.dmis-login .dmis-auth-card{
  width:100% !important;
  max-width:460px !important;  /* !important so an Astra "Full Width / Stretched" page layout can't stretch the card (the register page regressed this way) */
  min-width:0;            /* respect max-width even as a flex item (stops the register form blowing it full-width) */
  margin-left:auto !important;
  margin-right:auto !important;
  background:var(--glass);
  border:1px solid var(--glass-border);
  border-radius:20px;
  padding:40px 36px 32px;
  box-shadow:0 28px 70px -28px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.28);
  backdrop-filter:blur(20px) saturate(140%);
  -webkit-backdrop-filter:blur(20px) saturate(140%);
}
@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){
  body.dmis-login .dmis-auth-card{background:rgba(0,30,66,.78);}
}

/* ---- Injected brand header ----------------------------------------------- */
body.dmis-login .dmis-auth-head{text-align:center;margin-bottom:26px;}
body.dmis-login .dmis-auth-logo{display:inline-flex;}
body.dmis-login .dmis-auth-logo svg{width:52px;height:52px;}
body.dmis-login .dmis-auth-eyebrow{
  display:block;margin-top:14px;
  font-family:'IBM Plex Mono',monospace;font-size:.68rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--red-soft);
}
body.dmis-login .dmis-auth-title{
  margin-top:6px;font-family:'Space Grotesk',sans-serif;color:#fff;
  font-size:1.7rem;letter-spacing:-.02em;font-weight:600;
}
body.dmis-login .dmis-auth-sub{margin-top:8px;color:#9FACC4;font-size:.92rem;}

/* ===========================================================================
   Ultimate Member form overrides
   =========================================================================== */
body.dmis-login .um,
body.dmis-login .um-form,
body.dmis-login .um-form .um-col-1,
body.dmis-login .um *[class*="um-col"]{
  background:transparent !important;
  margin:0 auto !important;
  max-width:none !important;
  width:100% !important;
  min-width:0 !important;   /* don't let UM's form width force the card wider */
}

/* Field labels -> mono, uppercase, muted */
body.dmis-login .um-form label,
body.dmis-login .um-field-label label{
  font-family:'IBM Plex Mono',monospace !important;
  font-size:.78rem !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  color:#A9B6CC !important;
  font-weight:500 !important;
  margin-bottom:8px !important;
}

/* Inputs / selects -> white pill fields */
body.dmis-login .um-form input[type=text],
body.dmis-login .um-form input[type=email],
body.dmis-login .um-form input[type=password],
body.dmis-login .um-form input[type=number],
body.dmis-login .um-form select,
body.dmis-login .um-form textarea,
body.dmis-login .um-form .um-field-area input{
  background:#fff !important;
  border:1px solid transparent !important;
  border-radius:10px !important;
  padding:14px 15px !important;
  height:auto !important;
  line-height:1.4 !important;
  color:var(--ink) !important;
  font-family:'Inter',sans-serif !important;
  font-size:1.02rem !important;
  box-shadow:none !important;
}
body.dmis-login .um-form input::placeholder{color:#9AA3B2 !important;}
body.dmis-login .um-form input:focus{
  outline:none !important;
  box-shadow:0 0 0 3px rgba(255,97,120,.55) !important;
}
body.dmis-login .um-field{margin-bottom:18px !important;}

/* "Keep me signed in" + any helper text -> readable on glass */
body.dmis-login .um-field-checkbox-option,
body.dmis-login .um-field-checkbox-option span,
body.dmis-login .um .um-field-radio-option,
body.dmis-login .um-form .um-field-checkbox{color:#C9D2E2 !important;}

/* Buttons */
body.dmis-login .um-form .um-button,
body.dmis-login .um-form input[type=submit].um-button{
  background:#fff !important;
  color:var(--navy) !important;
  border:none !important;
  border-radius:999px !important;
  font-family:'Space Grotesk',sans-serif !important;
  font-weight:600 !important;
  font-size:1rem !important;
  box-shadow:none !important;
  text-shadow:none !important;
  transition:transform .15s ease, background .2s ease !important;
}
body.dmis-login .um-form .um-button:hover{background:#EAF0F8 !important;transform:translateY(-1px);}
/* Secondary (Register) button -> ghost/glass */
body.dmis-login .um-form .um-button.um-alt{
  background:rgba(255,255,255,.12) !important;
  color:#fff !important;
}
body.dmis-login .um-form .um-button.um-alt:hover{background:rgba(255,255,255,.2) !important;}

/* Links: forgot password, etc. */
body.dmis-login .um a{color:var(--red-soft) !important;}
body.dmis-login .um a:hover{text-decoration:underline !important;}

/* Tidy UM's default centring/spacing inside the card */
body.dmis-login .um-form .um-col-alt,
body.dmis-login .um-form .um-col-alt-b{text-align:center !important;}