/* =========================================================
   Nuked theme — Keycloak login (PatternFly v5 base)
   Palette pulled from samtripoli.com + nuked.social
   ========================================================= */

:root {
  --nk-bg:        #0F0F14;
  --nk-surface:   #181820;
  --nk-border:    #2A2A33;
  --nk-text:      #F5F5F2;
  --nk-text-mute: #8A8A90;
  --nk-primary:   #F1CD30;
  --nk-primary-hi:#F9FF5C;
  --nk-accent:    #C45B10;
  --nk-danger:    #A80909;
  --nk-link:      #3088D4;

  /* PatternFly v5 global token overrides */
  --pf-v5-global--BackgroundColor--100: var(--nk-bg);
  --pf-v5-global--BackgroundColor--150: var(--nk-surface);
  --pf-v5-global--BackgroundColor--200: var(--nk-surface);
  --pf-v5-global--Color--100: var(--nk-text);
  --pf-v5-global--Color--200: var(--nk-text-mute);
  --pf-v5-global--link--Color: var(--nk-link);
  --pf-v5-global--link--Color--hover: var(--nk-primary-hi);
  --pf-v5-global--primary-color--100: var(--nk-primary);
  --pf-v5-global--primary-color--200: var(--nk-primary-hi);
  --pf-v5-global--danger-color--100: var(--nk-danger);
  --pf-v5-global--BorderColor--100: var(--nk-border);
}

/* ---------- Page background ---------- */
html, body,
.login-pf,
.login-pf-page,
.pf-v5-c-login,
.pf-v5-c-login__main {
  background: var(--nk-bg) !important;
  color: var(--nk-text);
}

/* Subtle radial vignette so the card pops */
body {
  background-image:
    radial-gradient(ellipse at top, rgba(241,205,48,0.08), transparent 60%),
    radial-gradient(ellipse at bottom, rgba(196,91,16,0.06), transparent 60%);
  background-attachment: fixed;
}

/* ---------- Login card ---------- */
.login-pf-page .card-pf,
.pf-v5-c-login__main {
  background: var(--nk-surface);
  border: 1px solid var(--nk-border);
  border-radius: 12px;
  box-shadow: 0 10px 40px rgba(0,0,0,0.5);
}

.pf-v5-c-login__main-header-desc,
.pf-v5-c-login__main-header,
#kc-page-title {
  color: var(--nk-text) !important;
}

/* ---------- Logo ---------- */
.login-pf-page .login-pf-brand,
#kc-header-wrapper {
  background-image: url(../img/nuked-logo.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 80px;
  width: 100%;
  text-indent: -9999px;   /* hide "Keycloak" wordmark */
  overflow: hidden;
}

/* ---------- Form fields ---------- */
.pf-v5-c-form-control,
input[type="text"],
input[type="password"],
input[type="email"] {
  background: #0F0F14 !important;
  color: var(--nk-text) !important;
  border: 1px solid var(--nk-border) !important;
  border-radius: 6px;
}
.pf-v5-c-form-control:focus,
input:focus {
  border-color: var(--nk-primary) !important;
  box-shadow: 0 0 0 2px rgba(241,205,48,0.25) !important;
  outline: none;
}

label, .pf-v5-c-form__label {
  color: var(--nk-text-mute) !important;
}

/* ---------- Primary button (Sign in) ---------- */
.pf-v5-c-button.pf-m-primary,
input[type="submit"].pf-v5-c-button {
  background: var(--nk-primary) !important;
  color: #0F0F14 !important;
  border: none !important;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  border-radius: 6px;
}
.pf-v5-c-button.pf-m-primary:hover {
  background: var(--nk-primary-hi) !important;
}

/* ---------- Secondary / link buttons ---------- */
.pf-v5-c-button.pf-m-secondary {
  background: transparent !important;
  color: var(--nk-primary) !important;
  border: 1px solid var(--nk-primary) !important;
}
.pf-v5-c-button.pf-m-link,
a, a:visited {
  color: var(--nk-link);
}
a:hover { color: var(--nk-primary-hi); }

/* ---------- Social / IDP buttons ---------- */
#kc-social-providers a,
.pf-v5-c-login__main-footer-links a {
  background: transparent;
  border: 1px solid var(--nk-border);
  color: var(--nk-text) !important;
  border-radius: 6px;
}
#kc-social-providers a:hover {
  border-color: var(--nk-primary);
  color: var(--nk-primary-hi) !important;
}

/* ---------- Alerts ---------- */
.pf-v5-c-alert.pf-m-danger,
.alert-error {
  background: rgba(168,9,9,0.15) !important;
  border-left: 3px solid var(--nk-danger) !important;
  color: #FFD6D6 !important;
}
.pf-v5-c-alert.pf-m-success {
  background: rgba(241,205,48,0.12) !important;
  border-left: 3px solid var(--nk-primary) !important;
  color: var(--nk-text) !important;
}

/* ---------- Footer / "Sign up" row ---------- */
#kc-info, #kc-info-wrapper, .pf-v5-c-login__main-footer-band {
  background: transparent;
  color: var(--nk-text-mute);
}