/* Vzhled klienta Alba Precision (podle albaprecision.cz, 5. 11. 2026). Načítá se po brand.css
   jen u dema se `styl: alba` v demo.yaml. Přepisuje tokeny a hlavičku; logo, textura
   a fotka jsou v static/alba/ (převzaté z webu klienta, mimo git).
   Textura: rastr z katalogu (#d9e1f3). Web: pozadí #eceff9, karty bílé, akcent #cf121d, přechod #cf121d -> #db4914, Montserrat,
   nadpisy halyard-display (Adobe Fonts, licence jen pro jejich doménu: tady Montserrat 600). */
:root {
  --bg: #eceff9;
  --surface: #ffffff;
  --surface-2: #f5f7fc;
  --surface-3: #e0e4f3;
  --line: #dde2f0;
  --line-strong: #c4cbe0;
  --text: #111318;
  --muted: #5a5f6e;
  --blue: #cf121d;          /* akcent: odkazy, štítky, aktivní okraje */
  --blue-dark: #a80e17;
  --yellow: #cf121d;        /* hlavní tlačítko */
  --on-yellow: #ffffff;
  --hdr: #ffffff;
  --hdr-text: #111318;
  --hdr-line: #dde2f0;
  --alba-modra: #0a72b9;    /* modrá z loga */
  --alba-prechod: linear-gradient(-90deg, #cf121d 0%, #db4914 100%);
  --display: 'Montserrat', Arial, sans-serif;
  --body: 'Montserrat', Arial, sans-serif;
  --radius: 4px;
  --radius-sm: 3px;
}
h1, h2, h3 { font-weight: 600; letter-spacing: -.01em; }

/* hlavička: bílá jako na jejich webu, logo místo wordmarku WeLeadLab */
header { border-bottom: 1px solid var(--line); box-shadow: 0 2px 12px rgba(20, 30, 80, .05); height: 64px !important; }
header .wordmark { display: block; width: 158px; height: 40px; background: url(alba/logo.svg) no-repeat left center / contain; font-size: 0; color: transparent; }
header .nazev { color: var(--text) !important; border-left-color: var(--line) !important; font-weight: 600 !important; }
header .nazev #produkt { opacity: 1 !important; color: var(--blue); }
.hb, .pole-role { border-color: var(--line-strong) !important; background: #fff !important; color: var(--text) !important; border-radius: var(--radius-sm) !important; }
.hb:hover { background: var(--surface-2) !important; }
.hb.primarni { background: var(--alba-prechod) !important; color: #fff !important; border-color: transparent !important; }
.menu { border-top-color: var(--blue) !important; border-radius: var(--radius-sm); box-shadow: 0 8px 24px rgba(20, 30, 80, .12); }
.menu a:hover { background: var(--blue) !important; }

/* chat: trojúhelníkový rastr z titulní strany jejich katalogu 2024 (deploy/textura_alba.py) */
#chat { background: url(alba/textura.svg) repeat-y right top; }
.z.a { border-radius: var(--radius) !important; border-color: var(--line) !important; box-shadow: 0 4px 18px rgba(20, 30, 80, .06); }
.z.u { border-left-color: var(--blue) !important; color: var(--text) !important; }
.uvod-chat .eyebrow { color: var(--blue); }
.uvod-chat h2 { font-size: clamp(30px, 3.4vw, 44px); }
.btn.primary { background: var(--alba-prechod); border-color: transparent; }
.btn.primary:hover { background: var(--blue-dark); }
.chip { background: #fff; border-color: var(--line-strong); }
.chip:hover { border-color: var(--blue); color: var(--blue); background: #fff; }
.input { background: #fff; }
.karta .vyr { color: var(--blue) !important; font-weight: 600; }
.zdroje { background: var(--surface-2) !important; }
#stav { background: #fff; }
.pata .wl b { color: var(--alba-modra) !important; }

/* přihlášení: fotka z úvodu jejich webu se ztmavením, bílá karta, logo */
body.prihlaseni { background: linear-gradient(rgba(10, 14, 30, .55), rgba(10, 14, 30, .55)), url(alba/teaser.jpg) center / cover no-repeat fixed; }
body.prihlaseni .box { background: #fff; box-shadow: 0 18px 50px rgba(0, 0, 0, .25); border: 0; }
body.prihlaseni .wordmark { display: block; width: 190px; height: 48px; background: url(alba/logo.svg) no-repeat left center / contain; font-size: 0; color: transparent !important; }
body.prihlaseni .wordmark b { display: none; }
body.prihlaseni .firma { color: var(--blue); }
body.prihlaseni label.role:has(input:checked) { border-color: var(--blue); }
body.prihlaseni .firma { display: none; }