/* =====================================================================
   Náš Jenišov — style.css
   F0: design tokeny + minimální základ. Plný layout/komponenty ve fázi F2.
   ===================================================================== */

:root{
  /* Primární */
  --modra:         #0B2A57;   /* logo, nadpisy, jistota */
  --modra-prechod: #103b6f;   /* mezikrok přechodu hero (modrá → zelená) */
  --zelena:        #2C8A2C;   /* hlavní akcent, pozitivní akce */
  --zelena-dark:   #247024;   /* tmavší zelená — hover primárního tlačítka */
  --limetka:    #6CAA46;   /* zvýraznění, CTA, vlna — jen střídmě */
  --cervena:    #8A0010;   /* důrazné „nechceme" */
  --papir:      #F5F7F4;   /* pozadí */
  --text:       #2B2B2B;   /* základní text */
  --bila:       #FFFFFF;

  /* Odvozené tóny modré (text/popisky na tmavomodrém pozadí) */
  --modra-zinda: color-mix(in srgb, var(--modra) 15%, var(--bila)); /* světlý text na modré (nahrazuje #e8ecf3) */
  --modra-popel: color-mix(in srgb, var(--modra) 35%, var(--bila)); /* tlumené popisky/copy v patičce (nahrazuje #aebbcf) */

  /* Barvy pilířů (= barvy ikon) */
  --pilir-radnice:     #1E3C82;
  --pilir-hospodareni: #41782F;
  --pilir-rodiny:      #AE2A23;
  --pilir-komunita:    #E8813A;
  --pilir-rozvoj:      #3A7286;
  --pilir-psipark:     #356826;

  /* Typografie */
  --font-nadpis: "Montserrat", system-ui, sans-serif;
  --font-text:   "Open Sans", system-ui, sans-serif;
  --font-claim:  "Caveat", "Open Sans", cursive;

  --max-sirka: 1140px;
}

*,*::before,*::after{ box-sizing:border-box; }

html{ scroll-behavior:smooth; }
@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
}

body{
  margin:0;
  font-family:var(--font-text);
  color:var(--text);
  background:var(--papir);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}

h1,h2,h3{
  font-family:var(--font-nadpis);
  font-weight:800;
  text-transform:uppercase;
  color:var(--modra);
  line-height:1.1;
}

a{ color:var(--zelena-dark); }

.claim{
  font-family:var(--font-claim);
  font-weight:700;
  color:var(--zelena);
  font-size:1.8rem;
}

.page{ max-width:760px; margin:0 auto; padding:3rem 1.25rem; }

/* =====================================================================
   F1 — základní funkční layout (nav, sekce, mřížky, karty, patička).
   Plný brand vizuál (vlny, jemnosti) doladí F2.
   ===================================================================== */

img{ max-width:100%; height:auto; display:block; }

.container{ max-width:var(--max-sirka); margin:0 auto; padding-inline:1.25rem; }

/* --- Tlačítka --- */
.btn{
  display:inline-block;
  font-family:var(--font-nadpis);
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.02em;
  font-size:.95rem;
  padding:.8rem 1.5rem;
  border-radius:6px;
  text-decoration:none;
  border:2px solid transparent;
  cursor:pointer;
  transition:background .15s ease, color .15s ease;
}
.btn--primary{ background:var(--zelena-dark); color:var(--bila); border-color:var(--zelena-dark); }
.btn--primary:hover{ background:var(--zelena-dark); border-color:var(--zelena-dark); box-shadow:inset 0 0 0 2px rgba(255,255,255,.35); }
.btn--ghost{ background:transparent; color:var(--bila); border-color:var(--bila); }
.btn--ghost:hover{ background:var(--bila); color:var(--modra); }

/* --- NAV --- */
.nav{
  position:sticky; top:0; z-index:50;
  background:var(--bila);
  box-shadow:0 1px 6px rgba(0,0,0,.08);
}
.nav__inner{
  max-width:var(--max-sirka); margin:0 auto;
  padding:.5rem 1.25rem;
  display:flex; align-items:center; justify-content:space-between; gap:1rem;
}
.nav__logo img{ width:160px; }
.nav__list{
  list-style:none; margin:0; padding:0;
  display:flex; gap:1.5rem;
}
.nav__list a{
  font-family:var(--font-nadpis);
  font-weight:800; text-transform:uppercase; font-size:.9rem;
  color:var(--modra); text-decoration:none;
}
.nav__list a:hover{ color:var(--zelena-dark); }
.nav__toggle{
  display:none;
  flex-direction:column; gap:5px;
  background:none; border:0; padding:.5rem; cursor:pointer;
}
.nav__toggle-bar{ width:26px; height:3px; background:var(--modra); border-radius:2px; }

@media (max-width:760px){
  .nav__toggle{ display:flex; }
  .nav__menu{
    position:absolute; top:100%; left:0; right:0;
    background:var(--bila);
    box-shadow:0 6px 12px rgba(0,0,0,.12);
    max-height:0; overflow:hidden;
    transition:max-height .25s ease;
  }
  .nav__menu.is-open{ max-height:320px; }
  .nav__list{ flex-direction:column; gap:0; padding:.5rem 1.25rem 1rem; }
  .nav__list li{ border-bottom:1px solid var(--papir); }
  .nav__list a{ display:block; padding:.85rem 0; }
}

/* --- Sekce obecně --- */
.sekce{ padding:3.5rem 0; }
.sekce__nadpis{
  font-size:clamp(1.6rem,4vw,2.4rem);
  margin:0 0 .5rem;
}
.sekce__nadpis--svetly{ color:var(--bila); }
.sekce__intro{ max-width:640px; margin:0 0 2rem; font-size:1.05rem; }

/* --- HERO --- */
.hero{
  position:relative;
  min-height:78vh;
  display:flex; align-items:center; justify-content:center;
  text-align:center;
  /* Reálná fota Jenišova (rybník) jako pozadí; modrá = fallback barva */
  background-color:var(--modra);
  background-image:image-set(
    url('/assets/img/foto/hero-rybnik.webp') type('image/webp'),
    url('/assets/img/foto/hero-rybnik.jpg') type('image/jpeg')
  );
  background-size:cover;
  background-position:center;
  color:var(--bila);
  padding:4rem 1.25rem;
  overflow:hidden;
}
/* Fallback pro prohlížeče bez image-set() */
@supports not (background-image: image-set(url('/assets/img/foto/hero-rybnik.webp') type('image/webp'))){
  .hero{ background-image:url('/assets/img/foto/hero-rybnik.jpg'); }
}
.hero__overlay{
  position:absolute; inset:0;
  /* Tmavší overlay, aby bílý text držel kontrast WCAG AA nad fotem */
  background:linear-gradient(180deg, rgba(7,22,47,.45) 0%, rgba(7,22,47,.70) 100%);
}
.hero__content{ position:relative; max-width:760px; }
.hero__logo{ width:200px; margin:0 auto 1.25rem; }
.hero__claim{
  font-family:var(--font-claim);
  font-weight:700; font-size:clamp(1.5rem,4vw,2.2rem);
  color:var(--bila); margin:0 0 .75rem;
}
.hero__title{
  color:var(--bila);
  font-size:clamp(2.5rem,9vw,5rem);
  margin:0 0 1rem;
}
.hero__subtitle{ font-size:1.1rem; max-width:580px; margin:0 auto 1rem; }
.hero__stitek{
  font-family:var(--font-nadpis); font-weight:800; text-transform:uppercase;
  letter-spacing:.04em; font-size:.95rem; margin:0 0 1.75rem;
}
.hero__srdce{ color:var(--limetka); margin-left:.12em; font-size:1.05em; }

/* --- Sekce /tym/ (interní materiály ke stažení) --- */
.tym__hlavicka{ display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:1rem; }
.tym__odhlasit{ font-weight:600; white-space:nowrap; }
.tym__chyba{ background:#fbeaea; color:var(--cervena); border:1px solid var(--cervena); padding:.6rem .9rem; border-radius:8px; }
.tym__login{ max-width:380px; }
.tym__karty{ display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:1.25rem; margin:1.5rem 0; }
.tym__karta{ background:var(--bila); border:1px solid color-mix(in srgb, var(--modra) 12%, var(--bila)); border-top:4px solid var(--zelena); border-radius:12px; padding:1.25rem 1.4rem; box-shadow:0 4px 14px rgba(11,42,87,.06); }
.tym__karta h2{ margin:0 0 .5rem; color:var(--modra); }
.tym__meta{ margin:.6rem 0 0; opacity:.7; }
.tym__pozn{ margin-top:1.5rem; opacity:.7; }
.hero__cta{ display:flex; flex-wrap:wrap; gap:1rem; justify-content:center; }

/* --- Ilustrační obrázkový blok (reálná fota) --- */
.foto-blok{ margin:0; }
.foto-blok__obraz{
  display:block;
  width:100%;
  height:auto;
  border-radius:14px;
  box-shadow:0 6px 20px rgba(11,42,87,.12);
  object-fit:cover;
}
.foto-blok--kdojsme{ margin-top:2.5rem; }
.foto-blok--program{ margin-top:2.5rem; }

/* --- KDO JSME --- */
/* Pozadí neutrální (stejné jako ostatní stránky); teplo nesou barevné karty (grafické prvky) */
.kdojsme{ background:var(--papir); }
.kdojsme__odstavec{ max-width:760px; margin:0 0 2.5rem; font-size:1.1rem; }
.hodnoty{
  display:grid; gap:1.5rem;
  grid-template-columns:repeat(auto-fit, minmax(220px,1fr));
}
.hodnota{
  background:var(--bila);
  border-radius:10px; padding:1.5rem;
  border-top:4px solid var(--zelena);
}
/* Barevné horní okraje + jemné tóny v brand paletě (vesele jako leták) */
.hodnota:nth-child(1){ border-top-color:var(--pilir-radnice);     background:color-mix(in srgb, var(--pilir-radnice) 16%, var(--bila)); }
.hodnota:nth-child(2){ border-top-color:var(--pilir-hospodareni); background:color-mix(in srgb, var(--pilir-hospodareni) 16%, var(--bila)); }
.hodnota:nth-child(3){ border-top-color:var(--pilir-komunita);    background:color-mix(in srgb, var(--pilir-komunita) 13%, var(--bila)); }
.hodnota__nazev{ margin:0 0 .5rem; color:var(--modra); font-size:1.2rem; }
/* Barevné nadpisy karet hodnot (teplé grafické prvky), AA-bezpečné */
.hodnota:nth-child(1) .hodnota__nazev{ color:var(--pilir-radnice); }
.hodnota:nth-child(2) .hodnota__nazev{ color:var(--pilir-hospodareni); }
.hodnota:nth-child(3) .hodnota__nazev{ color:color-mix(in srgb, var(--pilir-komunita) 72%, black); }
.hodnota__popis{ margin:0; }

/* --- PROGRAM / pilíře --- */
.pilire{
  display:grid; gap:1.5rem;
  grid-template-columns:repeat(auto-fit, minmax(280px,1fr));
}
.pilir{
  /* Barevný sloupec jako na letáku: světle tónované pozadí v barvě pilíře */
  background:color-mix(in srgb, var(--barva, var(--modra)) 10%, var(--bila));
  border-radius:10px; padding:1.75rem;
  box-shadow:0 2px 10px rgba(0,0,0,.06);
  border-top:5px solid var(--barva, var(--modra));
}
.pilir__ikona{ width:88px; height:88px; margin:0 0 1rem; }
/* Nadpis v barvě pilíře (na tónovaném pozadí drží kontrast WCAG AA) */
.pilir__nazev{ color:var(--barva, var(--modra)); font-size:1.25rem; margin:0 0 .75rem; }
/* Oranžový pilíř „Silná komunita" propadá AA — ztmavíme nadpis na AA variantu */
.pilir--komunita .pilir__nazev{ color:color-mix(in srgb, var(--barva) 70%, black); }
.pilir__body{ margin:0; padding-left:1.1rem; }
.pilir__body li{ margin-bottom:.35rem; }
.pilir__body li::marker{ color:var(--barva, var(--modra)); }

/* --- CO NECHCEME --- */
.nechceme{
  background:var(--modra);
  color:var(--bila);
  padding-bottom:0;
}
.nechceme__grid{
  display:grid; gap:1.5rem;
  grid-template-columns:repeat(auto-fit, minmax(260px,1fr));
  margin-bottom:2.5rem;
}
.nechceme__item{
  background:rgba(255,255,255,.06);
  border-radius:10px; padding:1.5rem;
  border-left:4px solid var(--cervena);
}
.nechceme__ikona{ width:56px; height:56px; margin:0 0 .75rem; }
.nechceme__nazev{ color:var(--bila); font-size:1.15rem; margin:0 0 .5rem; }
.nechceme__text{ margin:0; color:var(--modra-zinda); font-size:.97rem; }
.nechceme__pruh{
  background-color:var(--cervena);
  background-size:cover; background-position:center;
  text-align:center;
  padding:2.5rem 1.25rem;
}
.nechceme__claim{
  font-family:var(--font-claim);
  font-weight:700;
  color:var(--bila);
  font-size:clamp(1.6rem,5vw,2.6rem);
  margin:0; text-shadow:0 1px 4px rgba(0,0,0,.4);
}

/* --- KANDIDÁTI --- */
.kandidati{ background:var(--papir); }
.kandidati__grid{
  display:grid; gap:1.5rem;
  grid-template-columns:repeat(auto-fill, minmax(240px,1fr));
}
.kandidat{
  background:var(--papir);
  border-radius:10px; overflow:hidden;
  display:flex; flex-direction:column;
  box-shadow:0 2px 8px rgba(0,0,0,.05);
}
.kandidat--placeholder{ opacity:.78; }
.kandidat__foto{
  position:relative;
  aspect-ratio:1/1;
  background:linear-gradient(160deg, var(--modra), var(--zelena));
  display:flex; align-items:center; justify-content:center;
}
.kandidat__foto img{ width:100%; height:100%; object-fit:cover; }
.kandidat__iniciely{
  font-family:var(--font-nadpis); font-weight:900;
  color:var(--bila); font-size:2.5rem;
}
.kandidat__poradi{
  position:absolute; top:.5rem; left:.5rem;
  background:var(--bila); color:var(--modra);
  font-family:var(--font-nadpis); font-weight:800;
  font-size:.85rem; padding:.15rem .5rem; border-radius:4px;
}
.kandidat__telo{ padding:1rem 1.1rem 1.25rem; display:flex; flex-direction:column; gap:.4rem; }
.kandidat__jmeno{ font-size:1.1rem; margin:0; color:var(--modra); }
.kandidat__role{ margin:0; font-weight:600; color:var(--zelena-dark); font-size:.92rem; }
.kandidat__teaser{ margin:0; font-size:.92rem; }
.kandidat__detail summary{
  cursor:pointer; font-family:var(--font-nadpis); font-weight:800;
  text-transform:uppercase; font-size:.8rem; color:var(--zelena);
  margin-top:.25rem;
}
.kandidat__medailonek{ font-size:.9rem; margin:.6rem 0 0; }
.kandidat__temata{
  list-style:none; margin:.75rem 0 0; padding:0;
  display:flex; flex-wrap:wrap; gap:.4rem;
}
.chip{
  background:var(--modra); color:var(--bila);
  font-size:.75rem; padding:.2rem .6rem; border-radius:999px;
}

/* --- KONTAKT --- */
.kontakt{ background:var(--papir); }
.kontakt__inner{
  display:grid; gap:2.5rem;
  grid-template-columns:1fr 1fr;
  align-items:start;
}
.kontakt__soc{ list-style:none; padding:0; margin:1rem 0 0; display:flex; gap:1rem; }
.kontakt__soc a{
  display:inline-flex; align-items:center; justify-content:center;
  width:44px; height:44px; border-radius:50%;
  color:var(--modra);
  background:color-mix(in srgb, var(--modra) 8%, var(--bila));
  transition:background .15s ease, color .15s ease, transform .15s ease;
}
.kontakt__soc a:hover{ color:var(--bila); background:var(--modra); transform:translateY(-2px); }
.kontakt__soc svg{ width:24px; height:24px; }
.formular{ display:flex; flex-direction:column; gap:1rem; }
.formular__pole{ display:flex; flex-direction:column; gap:.35rem; }
.formular__pole label{ font-weight:600; font-size:.95rem; }
.formular input[type=text],
.formular input[type=email],
.formular input[type=password],
.formular textarea{
  font-family:var(--font-text); font-size:1rem;
  padding:.7rem .8rem;
  border:1px solid #767676; border-radius:6px;
  background:var(--bila);
}
.formular input:focus,
.formular textarea:focus{ outline:2px solid var(--zelena); outline-offset:1px; border-color:var(--zelena); }
.formular__pole--checkbox{ flex-direction:row; align-items:flex-start; gap:.6rem; }
.formular__pole--checkbox label{ font-weight:400; font-size:.9rem; }
.formular__hp{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.formular__stav{ margin:0; padding:.7rem .9rem; border-radius:8px; font-size:.95rem; font-weight:600; }
.formular__stav--ok{ background:#e7f3e7; color:var(--zelena-dark); border:1px solid var(--zelena); }
.formular__stav--chyba{ background:#fbeaea; color:var(--cervena); border:1px solid var(--cervena); }

@media (max-width:760px){
  .kontakt__inner{ grid-template-columns:1fr; }
}

/* --- PATIČKA --- */
.paticka{
  background:var(--modra);
  color:var(--bila);
  text-align:center;
  padding:3rem 0 2rem;
}
.paticka__logo{ width:180px; margin:0 auto 1rem; }
.paticka__claim{
  font-family:var(--font-claim); font-weight:700;
  font-size:1.5rem; color:var(--bila); margin:0 0 2rem;
}
.paticka__akcni{
  list-style:none; margin:0 0 2rem; padding:0;
  display:flex; flex-wrap:wrap; gap:1.5rem; justify-content:center;
}
.paticka__akce{ display:flex; flex-direction:column; align-items:center; gap:.5rem; width:120px; }
.paticka__akce img{
  width:72px; height:72px;
  background:var(--bila); border-radius:50%;
  padding:.55rem; box-sizing:border-box;
}
.paticka__akce span{
  font-family:var(--font-nadpis); font-weight:800; text-transform:uppercase;
  font-size:.78rem; line-height:1.2;
}
.paticka__oznaceni{ font-size:.82rem; color:var(--modra-popel); margin:0 0 .75rem; }
.paticka__odkazy{
  list-style:none; padding:0; margin:0 0 1rem;
  display:flex; gap:1.25rem; justify-content:center;
}
.paticka__odkazy a{ color:var(--bila); font-size:.85rem; }
.paticka__copy{ color:var(--modra-popel); margin:0; }

/* Odkaz-tlačítko v patičce (Nastavení cookies) — vizuálně jako odkaz */
.paticka__odkaz-btn{
  background:none; border:0; padding:0; margin:0;
  font-family:var(--font-text); font-size:.85rem;
  color:var(--bila); text-decoration:underline;
  cursor:pointer;
}
.paticka__odkaz-btn:hover{ color:var(--modra-popel); }

/* =====================================================================
   F4 — Cookie lišta (souhlas s cookies)
   ===================================================================== */
.cookie-lista{
  position:fixed; left:0; right:0; bottom:0; z-index:60;
  background:var(--modra);
  color:var(--bila);
  box-shadow:0 -2px 12px rgba(0,0,0,.25);
  border-top:3px solid var(--zelena);
}
.cookie-lista[hidden]{ display:none; }
.cookie-lista__inner{
  max-width:var(--max-sirka); margin:0 auto;
  padding:1rem 1.25rem;
  display:flex; align-items:center; gap:1.25rem;
  flex-wrap:wrap;
}
.cookie-lista__text{
  margin:0; flex:1 1 320px;
  font-size:.92rem; line-height:1.5;
}
.cookie-lista__text a{ color:var(--bila); text-decoration:underline; }
.cookie-lista__akce{
  display:flex; gap:.75rem; flex:0 0 auto;
  flex-wrap:wrap;
}
.cookie-lista__btn{ font-size:.85rem; padding:.6rem 1.25rem; }

@media (max-width:560px){
  .cookie-lista__inner{ flex-direction:column; align-items:stretch; }
  .cookie-lista__text{ flex:0 1 auto; }   /* ve sloupci nevynucovat 320px výšku (jinak velká mezera) */
  .cookie-lista__akce{ justify-content:stretch; }
  .cookie-lista__btn{ flex:1 1 auto; text-align:center; }
}

/* =====================================================================
   F2 — brand vizuál: vlny, štětcový pruh, doladění karet, a11y, pohyb.
   ===================================================================== */

/* --- Kotvy pod sticky navigací (zarovnání anchor i scroll-spy) --- */
.sekce, .hero{ scroll-margin-top:70px; }

/* --- Sekční nadpis: podtržení vlnou (dekorativní) --- */
.sekce__nadpis{ position:relative; padding-bottom:.7rem; }
.sekce__nadpis::after{
  content:""; display:block;
  width:104px; height:14px; margin-top:.55rem;
  background:url("../img/grafika/vlnovy_prvek.png") left center / contain no-repeat;
}
/* Na tmavém bloku „Co nechceme" plná limetková — vlna by modrou půlkou na modré splynula */
.sekce__nadpis--svetly::after{
  background:var(--limetka);
  width:80px; height:5px; border-radius:3px; margin-top:.6rem;
}

/* --- Vlnový oddělovač mezi sekcemi --- */
.vlna-oddel{
  line-height:0;
  background:var(--bila);
  padding:1.5rem 0;
  overflow:hidden;
}
.vlna-oddel .vlna{
  display:block;
  width:min(100%, 760px);
  height:auto;
  margin:0 auto;
  opacity:.9;
}

/* --- Jemná vlna ve spodní části hero --- */
.hero__content{ z-index:2; }
.vlna--hero{
  position:absolute; left:0; right:0; bottom:-1px;
  width:100%; height:auto;
  z-index:1; opacity:.6;
  pointer-events:none;
}
/* Bezpečný kontrast bílého textu nad gradientem */
.hero__title{ text-shadow:0 2px 12px rgba(7,22,47,.45); }
.hero__claim, .hero__subtitle, .hero__stitek{ text-shadow:0 1px 6px rgba(7,22,47,.45); }

/* --- Doladění karet pilířů (hover) --- */
.pilir{
  transition:transform .18s ease, box-shadow .18s ease;
}
.pilir:hover{
  transform:translateY(-4px);
  box-shadow:0 10px 24px rgba(11,42,87,.14);
}
.pilir__ikona{ transition:transform .18s ease; }
.pilir:hover .pilir__ikona{ transform:scale(1.06); }

/* --- Doladění hodnot (hover) --- */
.hodnota{ transition:transform .18s ease, box-shadow .18s ease; }
.hodnota:hover{ transform:translateY(-3px); box-shadow:0 8px 20px rgba(11,42,87,.10); }

/* --- Doladění karet kandidátů (hover) --- */
.kandidat{ transition:transform .18s ease, box-shadow .18s ease; }
.kandidat:hover{ transform:translateY(-4px); box-shadow:0 10px 24px rgba(11,42,87,.14); }
.kandidat__detail summary{ list-style:none; }
.kandidat__detail summary::-webkit-details-marker{ display:none; }
.kandidat__detail summary::after{ content:" +"; }
.kandidat__detail[open] summary::after{ content:" –"; }
.kandidat__detail summary:hover{ color:var(--zelena-dark); }

/* --- Aktivní stav navigace (scroll-spy) --- */
.nav__list a.is-active{
  color:var(--zelena-dark);
  position:relative;
}
.nav__list a.is-active::after{
  content:""; position:absolute; left:0; right:0; bottom:-4px;
  height:3px; border-radius:2px;
  background:var(--zelena);
}
@media (max-width:760px){
  .nav__list a.is-active::after{ display:none; }
  .nav__list a.is-active{ background:var(--papir); }
}

/* --- Přístupný focus (viditelný napříč prvky) --- */
a:focus-visible,
button:focus-visible,
summary:focus-visible,
input:focus-visible,
textarea:focus-visible,
.btn:focus-visible{
  outline:3px solid var(--zelena);
  outline-offset:2px;
  border-radius:4px;
}
/* Na tmavém pozadí (hero, patička, nechceme) bílý focus pro kontrast */
.hero a:focus-visible,
.hero .btn:focus-visible,
.paticka a:focus-visible,
.nechceme a:focus-visible,
.cookie-lista a:focus-visible,
.cookie-lista .btn:focus-visible,
.paticka button:focus-visible{
  outline-color:var(--bila);
}

/* --- Respekt k prefers-reduced-motion --- */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
    scroll-behavior:auto !important;
  }
}