/* ============================================================
   KIWI Group — Authelia login theme (custom.css)
   Vizuální předloha: login-card.html (varianta 1a, boxed).
   POZOR: Authelia = React + MUI; přesné třídy se mezi verzemi liší.
   Baseline cílí na STABILNÍ MUI třídy + tokeny. Kartu/kontejner
   OVĚŘ proti skutečně vyrenderované login stránce a uprav selektor.
   woff2 fonty zkopíruj do STEJNÉHO assets adresáře jako tento soubor.
   ============================================================ */

/* --- FONTY (uprav src na skutečné názvy woff2 z nastroje/fonts/) --- */
@font-face{font-family:"Fraunces";src:url("./fraunces-latin.woff2") format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122;}
@font-face{font-family:"Fraunces";src:url("./fraunces-ext.woff2") format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+0100-017F,U+1E00-1EFF;}
@font-face{font-family:"Inter Tight";src:url("./inter-latin.woff2") format("woff2");font-weight:400 600;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122;}
@font-face{font-family:"Inter Tight";src:url("./inter-ext.woff2") format("woff2");font-weight:400 600;font-display:swap;unicode-range:U+0100-017F,U+1E00-1EFF;}

:root{
  --kiwi-base:#FAF9F5; --kiwi-ink:#17170F; --kiwi-gray:#565651;
  --kiwi-olive:#2E3D1C; --kiwi-olive-deep:#1A2412;
  --kiwi-green:#7CCF00; --kiwi-green-hover:#6FBA00;
  --font-display:"Fraunces",Georgia,serif;
  --font-body:"Inter Tight",system-ui,-apple-system,"Segoe UI",sans-serif;
}

/* --- ZÁKLAD + POZADÍ (olivový gradient jako hero nástrojovny) --- */
body,#root{ font-family:var(--font-body) !important; color:var(--kiwi-ink) !important; }
html{ background-color:var(--kiwi-olive-deep) !important; }
html,body,#root,#root>div{ min-height:100% !important; }
body{
  min-height:100dvh !important;
  background:
    radial-gradient(90% 70% at 50% 0%, rgba(124,207,0,.18) 0%, rgba(124,207,0,0) 62%),
    linear-gradient(168deg,#2E3D1C 0%,#22301A 46%,#16200F 100%) !important;
  background-color:var(--kiwi-olive-deep) !important;
  background-attachment:fixed !important;
}

/* --- KARTA (container) ---
   Overeno na skutecnem DOM (v4.39.20, 2026-08-03): zadny .MuiPaper-root
   kartu neobaluje na login/2FA krocich. Skutecna "karta" je .MuiContainer-root
   uvnitr #first-factor-stage / #second-factor-stage / #reset-password-stage
   (sdileji layouts.Login — potvrzeno pro first i second-factor render). */
#first-factor-stage .MuiContainer-root,
#second-factor-stage .MuiContainer-root,
#reset-password-stage .MuiContainer-root{
  background:var(--kiwi-base) !important;
  border-radius:20px !important;
  box-shadow:0 24px 60px rgba(10,16,6,.34),0 2px 8px rgba(10,16,6,.18) !important;
  padding:40px !important;
  max-width:420px !important;
  margin:32px auto !important;
}

/* Vnitrni panel metody (napr. "One-Time Password" box na #second-factor-stage)
   je MuiPaper-outlined s pruhlednym pozadim — na kremove karte uz staci jen
   jemny olivovy ramecek, ne dalsi bily box. */
#second-factor-stage .MuiPaper-outlined{
  background:transparent !important;
  border-color:rgba(23,23,15,.14) !important;
  border-radius:14px !important;
}

/* /settings a dalsi post-login stranky: karty JSOU v .MuiPaper-root (na rozdil
   od login/2FA kroku), uz native bile — sjednotit na stejny kremovy odstin a
   radius jako login karta. Vyloucit AppBar/nav (taky nese .MuiPaper-root). */
.MuiPaper-root:not(.MuiAppBar-root){
  background:var(--kiwi-base) !important;
  border-radius:16px !important;
}
.MuiPaper-elevation4:not(.MuiAppBar-root){
  box-shadow:0 8px 24px rgba(10,16,6,.14),0 1px 4px rgba(10,16,6,.08) !important;
}

/* Authelia horni AppBar na login/2FA krocich (jazyk) neni v predloze
   login-card.html — schovat. POZOR: na /settings je stejna trida na <nav>,
   ktery je funkcni navigace (hamburger menu) — ten se NESMI schovat, proto
   cilit jen na <header> (login-flow layout ho renderuje jako header, kdezto
   settings layout jako nav — overeno na DOM obou stranek). */
header.MuiAppBar-root{ display:none !important; }

/* Logo (nativni asset_path override, /theme/logo.png cesta nepouzita,
   Authelia logo servíruje samo pres ./static/media/logo.png) */
#first-factor-stage img[alt="Logo"],
#second-factor-stage img[alt="Logo"]{
  height:40px !important;
  width:auto !important;
  max-width:100% !important;
  object-fit:contain !important;
  margin:0 auto 4px !important;
  display:block !important;
}

/* --- NADPIS --- */
#root h1,#root h2,.MuiTypography-h5,.MuiTypography-h6{
  font-family:var(--font-display) !important;
  font-weight:600 !important;
  color:var(--kiwi-ink) !important;
  letter-spacing:-.01em !important;
}

/* --- POLE (MUI OutlinedInput) --- */
.MuiOutlinedInput-root{
  border-radius:12px !important;
  background:#fff !important;
  font-family:var(--font-body) !important;
}
.MuiOutlinedInput-notchedOutline{ border-color:rgba(23,23,15,.20) !important; border-width:1.5px !important; }
.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{ border-color:rgba(23,23,15,.32) !important; }
.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{
  border-color:var(--kiwi-green) !important; border-width:1.5px !important;
  box-shadow:0 0 0 3px rgba(124,207,0,.22);
}
.MuiInputLabel-root{ color:var(--kiwi-gray) !important; }
.MuiInputLabel-root.Mui-focused{ color:var(--kiwi-olive) !important; }

/* --- CHECKBOX (Zůstat přihlášen) --- */
.MuiCheckbox-root{ color:rgba(23,23,15,.35) !important; }
.MuiCheckbox-root.Mui-checked{ color:var(--kiwi-green) !important; }

/* --- BUTTON (Přihlásit se) --- */
.MuiButton-root,.MuiButton-contained{
  background:var(--kiwi-green) !important;
  color:var(--kiwi-ink) !important;
  border-radius:999px !important;
  font-family:var(--font-body) !important;
  font-weight:600 !important;
  text-transform:none !important;
  padding:14px 24px !important;
  box-shadow:none !important;
  transition:background-color .16s,transform .16s,box-shadow .16s !important;
}
.MuiButton-root:hover,.MuiButton-contained:hover{
  background:var(--kiwi-green-hover) !important;
  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(124,207,0,.28) !important;
}
.MuiButton-root:active,.MuiButton-contained:active{ transform:translateY(0); box-shadow:none !important; }

/* --- ODKAZY (reset hesla apod.) --- */
#root a{ color:var(--kiwi-olive) !important; }
#root a:hover{ color:var(--kiwi-green-hover) !important; }