/* Adorea – šablona WordPressu, vzhled „Podle Vás B · barvy z podpisu“. VYGENEROVÁNO nastroje/sablona_css.py z nahled/styly/ – needitovat. */

/* ===== nahled/styly/zaklad.css ===== */
/* Společná kostra všech směrů. Směr přepisuje jen proměnné a pár pravidel ve svém <smer>.css. */
:root {
  --fialova: #1f2666;      /* text loga (logo-adorea-c11, barevné.pdf) */
  --oranzova: #e8821a;     /* pozadí loga */
  --oranzova-svetla: #fdf0d9;
  --bg: #fff;
  --plocha: #f6f5f2;
  --text: #22212e;
  --tlumene: #5d5b6c;
  --linka: #e2e0e8;
  --hlavni: var(--fialova);
  --hlavni-text: #fff;
  --akcent: var(--oranzova);
  --odkaz: #3d39a0;
  --font-nadpis: "Atkinson Hyperlegible Next", system-ui, sans-serif;
  --font-text: "Atkinson Hyperlegible Next", system-ui, sans-serif;
  --zaobleni: 10px;
  --sirka: 1120px;
  --uzka: 720px;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #000; --plocha: #15141c; --text: #ecebf3; --tlumene: #a9a7b8; --linka: #2d2b3a;
    --hlavni: #aab4ff; --hlavni-text: #0d0c18; --odkaz: #aab4ff; --oranzova-svetla: #2a1f0c; color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #000; --plocha: #15141c; --text: #ecebf3; --tlumene: #a9a7b8; --linka: #2d2b3a;
  --hlavni: #aab4ff; --hlavni-text: #0d0c18; --odkaz: #aab4ff; --oranzova-svetla: #2a1f0c; color-scheme: dark;
}

/* barevná témata (v šabloně jedna volba v nastavení; v náhledu přepínač dole) */
:root[data-barva="oranzova"] { --hlavni: #a85400; --odkaz: #a85400; }
:root[data-barva="modra"] { --hlavni: #1f5fa8; --odkaz: #1f5fa8; }
:root[data-barva="zelena"] { --hlavni: #2f7a4f; --odkaz: #2f7a4f; }
:root[data-barva="oranzova"][data-theme="dark"] { --hlavni: #ffb866; --odkaz: #ffb866; }
:root[data-barva="modra"][data-theme="dark"] { --hlavni: #8ec1ff; --odkaz: #8ec1ff; }
:root[data-barva="zelena"][data-theme="dark"] { --hlavni: #8fd6aa; --odkaz: #8fd6aa; }
@media (prefers-color-scheme: dark) {
  :root[data-barva="oranzova"]:not([data-theme="light"]) { --hlavni: #ffb866; --odkaz: #ffb866; }
  :root[data-barva="modra"]:not([data-theme="light"]) { --hlavni: #8ec1ff; --odkaz: #8ec1ff; }
  :root[data-barva="zelena"]:not([data-theme="light"]) { --hlavni: #8fd6aa; --odkaz: #8fd6aa; }
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
html { font-size: 112.5%; }
:root[data-pismo="m"] { font-size: 100%; }
:root[data-pismo="v"] { font-size: 131%; }
body { margin: 0; overflow-wrap: break-word; background: var(--bg); color: var(--text); font: 1rem/1.6 var(--font-text); }
img { max-width: 100%; height: auto; }
a { color: var(--odkaz); text-decoration-thickness: 1px; text-underline-offset: .2em;
  text-decoration-color: color-mix(in srgb, currentColor 45%, transparent); transition: color .15s, text-decoration-color .15s; }
/* najetí myší: odkaz ztmavne a podtržení zesílí do oranžové – je jasně vidět, kde je kurzor */
a:hover { color: var(--text); text-decoration-color: var(--oranzova); text-decoration-thickness: 2px; }
:focus-visible { outline: 3px solid var(--akcent); outline-offset: 2px; }
h1, h2, h3 { font-family: var(--font-nadpis); line-height: 1.2; color: var(--text); text-wrap: balance; }
h1 { font-size: clamp(2rem, 1.4rem + 2.6vw, 3.1rem); margin: 0 0 .6rem; letter-spacing: -.01em; }
h2 { font-size: clamp(1.4rem, 1.2rem + .8vw, 1.8rem); margin: 2.5rem 0 .8rem; }
h3 { font-size: 1.15rem; margin: 1.5rem 0 .4rem; }
p, ul, ol, dl { margin: 0 0 1rem; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.ven { margin-left: .25em; vertical-align: -.05em; }
.preskocit { position: absolute; left: 1rem; top: -4rem; background: var(--hlavni); color: var(--hlavni-text); padding: .6rem 1rem; border-radius: var(--zaobleni); z-index: 10; }
.preskocit:focus { top: 1rem; }
.preskocit:hover { color: var(--hlavni-text); }

.sirka { max-width: var(--sirka); margin: 0 auto; padding: 0 1rem; }
@media (min-width: 700px) { .sirka { padding: 0 2rem; } }
.sirka--uzka { max-width: calc(var(--uzka) + 4rem); }
.lead { font-size: 1.2rem; color: var(--tlumene); max-width: 40em; }

/* tlačítka: plné, obrysové (a textové = obyčejný odkaz) */
.tl { display: inline-flex; align-items: center; justify-content: center; gap: .4rem; min-height: 48px; padding: .6rem 1.3rem;
  border-radius: var(--zaobleni); font: 700 1rem/1.2 var(--font-text); text-decoration: none; border: 2px solid var(--hlavni);
  cursor: pointer; white-space: nowrap; transition: background-color .15s, color .15s; }
.tl--plne { background: var(--hlavni); color: var(--hlavni-text); }
.tl--plne:hover { background: color-mix(in srgb, var(--hlavni) 85%, var(--text)); color: var(--hlavni-text); }  /* obecné a:hover by písmo ztmavilo */
.tl--obrys { background: transparent; color: var(--hlavni); }
.tl--obrys:hover { background: color-mix(in srgb, var(--hlavni) 10%, transparent); color: var(--hlavni); }
.tl--male { min-height: 40px; padding: .4rem .9rem; font-size: .92rem; }
.tlacitka { display: flex; flex-wrap: wrap; gap: .75rem; margin: 1.5rem 0 0; }

/* hlavička */
.hlava { border-bottom: 1px solid var(--linka); background: var(--bg); }
.hlava__in { display: flex; align-items: center; gap: 1.5rem; min-height: 84px; }
.logo { display: flex; align-items: center; gap: .9rem; text-decoration: none; color: var(--text); flex: none; }
.logo img { width: 128px; height: auto; display: block; }
.logo .logo__tmave { display: none !important; }
:root[data-theme="dark"] .logo__svetle { display: none; }
:root[data-theme="dark"] .logo__tmave { display: block !important; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .logo__svetle { display: none; } :root:not([data-theme="light"]) .logo__tmave { display: block !important; } }
.logo__text { font-size: .8rem; line-height: 1.3; color: var(--tlumene); max-width: 8.5rem; padding-left: .9rem; border-left: 1px solid var(--linka); }
.menu ul { list-style: none; margin: 0; padding: 0; }
.menu__seznam { display: flex; gap: .25rem .85rem; flex-wrap: nowrap; white-space: nowrap; }
.menu__seznam > li { position: relative; display: flex; align-items: center; }
.menu a { color: var(--text); text-decoration: none; font-weight: 700; font-size: .98rem; padding: .3rem 0; border-bottom: 2px solid transparent; }
.menu__seznam > li > a:hover, .menu__seznam > .current-menu-item > a, .menu__seznam > .current-menu-ancestor > a { border-color: var(--akcent); }
.menu__rozbal { display: grid; place-items: center; width: 22px; height: 32px; margin-left: 1px; padding: 0; border: 0; background: none; color: var(--tlumene); cursor: pointer; border-radius: 6px; }
.menu__rozbal:hover { color: var(--text); background: var(--plocha); }
.menu__rozbal svg { transition: transform .15s; }
.otevrene > .menu__rozbal svg { transform: rotate(180deg); }
/* podmenu na desktopu: rozbalovací panel pod položkou (najetím, fokusem nebo šipkou) */
@media (min-width: 1140px) {
  .menu .sub-menu { position: absolute; top: calc(100% + 6px); left: -1rem; z-index: 20; min-width: 15rem; padding: .5rem; white-space: normal;
    background: var(--bg); border: 1px solid var(--linka); border-radius: var(--zaobleni); box-shadow: 0 12px 32px rgb(15 18 50 / .14);
    opacity: 0; visibility: hidden; transform: translateY(-4px); transition: opacity .15s, transform .15s, visibility .15s; }
  .menu .sub-menu::before { content: ""; position: absolute; left: 0; right: 0; top: -10px; height: 10px; }
  .menu-item-has-children:hover > .sub-menu, .menu-item-has-children:focus-within > .sub-menu, .menu-item-has-children.otevrene > .sub-menu { opacity: 1; visibility: visible; transform: none; }
  .menu .sub-menu a { display: block; padding: .55rem .75rem; border: 0; border-radius: 8px; font-weight: 400; color: var(--text); }
  .menu .sub-menu a:hover { background: var(--plocha); color: var(--hlavni); }
}
.hlava .menu { margin-left: auto; }
.hlava__in { gap: 1.25rem; }
@media (max-width: 1499px) { .hlava .logo__text { display: none; } }
.hlava__akce { display: flex; align-items: center; gap: .5rem; }
.rezim, .burger { background: none; border: 1px solid var(--linka); color: var(--text); border-radius: var(--zaobleni);
  min-width: 44px; min-height: 44px; display: inline-grid; place-items: center; cursor: pointer; font: 700 .9rem var(--font-text); }
.burger { display: none; padding: 0 .8rem; grid-auto-flow: column; gap: .5rem; }
/* ikona menu: tři čárky (Pepa 21. 10.) */
.burger span, .burger span::before, .burger span::after { display: block; width: 18px; height: 2px; border-radius: 1px; background: currentColor; position: relative; }
.burger span::before, .burger span::after { content: ""; position: absolute; left: 0; }
.burger span::before { top: -6px; }
.burger span::after { top: 6px; }
@media (max-width: 1139px) {
  .burger { display: inline-grid; }
  .hlava__in { flex-wrap: wrap; gap: .75rem; min-height: 72px; padding-top: .5rem; padding-bottom: .5rem; }
  .hlava__akce { margin-left: auto; }
  .hlava .menu { order: 3; width: 100%; display: none; margin: 0; }
  .menu.otevrene { display: block !important; }
  .menu__seznam { flex-direction: column; gap: 0; padding-bottom: .5rem; white-space: normal; }
  .menu__seznam > li { flex-wrap: wrap; border-bottom: 1px solid var(--linka); }
  .menu__seznam > li > a { flex: 1; display: block; padding: .8rem 0; border: 0; }
  .menu__rozbal { width: 48px; height: 48px; }
  .menu .sub-menu { display: none; width: 100%; padding: 0 0 .6rem 1rem; }
  .menu .otevrene > .sub-menu { display: block; }
  .menu .sub-menu a { display: block; padding: .55rem 0; font-weight: 400; border: 0; }
  .logo img { width: 104px; }
}
@media (max-width: 420px) { .logo__text { display: none; } .hlava__akce .tl { display: none; } }
/* celé logo s podtitulem (veřejné návrhy, od 12. 10. 2026): podtitul musí zůstat čitelný, proto větší */
.logo--cele { padding: 12px 0; }
.logo--cele img { width: 160px; }
@media (max-width: 1139px) { .hlava .logo--cele img { width: 124px; } }

/* homepage */
.uvod { padding: 3.5rem 0 3rem; }
.sekce { padding: 1rem 0 2rem; }
.sekce h2 { margin-top: 1.5rem; }
.sekce__vic { margin-top: 1.25rem; font-weight: 700; }
.kroky { list-style: none; padding: 0; margin: 0; display: grid; gap: 1.5rem; counter-reset: k; }
@media (min-width: 800px) { .kroky { grid-template-columns: repeat(3, 1fr); gap: 2.5rem; } }
.kroky li { counter-increment: k; }
.kroky li::before { content: counter(k); display: grid; place-items: center; width: 2.4rem; height: 2.4rem; border-radius: 50%;
  background: var(--akcent); color: #1c1a2b; font-weight: 700; margin-bottom: .6rem; }
.kroky h3 { margin-top: 0; }
.kroky p { color: var(--tlumene); margin: 0; }
/* Chci pomáhat: šest kroků ve třech sloupcích a otázky v rámečku (Pepa 22. 10.: na desktopu přehledněji) */
.kroky--sest { counter-reset: k; }
.kroky--sest li { background: var(--plocha); border-radius: var(--zaobleni-karta, 16px); padding: 1.25rem 1.4rem 1.4rem; }
.kroky--sest h3 { font-size: 1.15rem; margin: .7rem 0 .4rem; }
.kroky--sest p { font-size: .95rem; line-height: 1.5; }
@media (min-width: 800px) { .kroky--sest { grid-template-columns: repeat(2, 1fr); gap: 1.25rem; } }
@media (min-width: 1100px) { .kroky--sest { grid-template-columns: repeat(3, 1fr); } }
.postup__konec { margin: 1.25rem 0 0; font-weight: 600; }
.pred-ozvanim { margin-top: 3rem; border: 2px solid var(--linka); border-radius: var(--zaobleni-karta, 16px); padding: 1.5rem 1.75rem; }
.pred-ozvanim h2 { margin-top: 0; }
.otazky-pred { margin: 1rem 0 0; padding-left: 1.2rem; }
.otazky-pred li { margin-bottom: .5rem; }
@media (min-width: 900px) { .otazky-pred { columns: 2; column-gap: 3rem; } .otazky-pred li { break-inside: avoid; } }

.nabidky { list-style: none; padding: 0; margin: 0; display: grid; gap: 1rem; }

.dva { display: grid; gap: 1.25rem; }
@media (min-width: 800px) { .dva { grid-template-columns: 1fr 1fr; gap: 2rem; } }
.karta { padding: 1.5rem; background: var(--plocha); border-radius: var(--zaobleni); }
.karta h3 { margin-top: 0; font-size: 1.3rem; }
.karta h3 a { color: var(--text); text-decoration: none; }
.karta h3 a:hover { text-decoration: underline; }
.karta__meta { font-size: .9rem; color: var(--tlumene); margin: 0; }
.motto { font-family: var(--font-nadpis); font-size: 1.35rem; font-style: italic; }
.laureati { list-style: none; padding: 0; display: grid; gap: .75rem; }
@media (min-width: 800px) { .laureati { grid-template-columns: repeat(3, 1fr); gap: 2rem; } }
.laureati li { border-top: 3px solid var(--akcent); padding-top: .6rem; }
.laureati b { display: block; font-size: 1.15rem; }
.laureati span { color: var(--tlumene); font-size: .92rem; }
.podpora { display: flex; flex-wrap: wrap; gap: 1rem 2rem; align-items: center; justify-content: space-between;
  padding: 1.5rem; background: var(--oranzova-svetla); border-radius: var(--zaobleni); }
.podpora p { margin: 0; max-width: 40em; }

/* podstránky */
.zahlavi { padding: 2.5rem 0 1.5rem; background: var(--plocha); margin-bottom: 2.5rem; }
.zahlavi h1 { max-width: 20em; }
.zahlavi .lead { margin-bottom: 0; }
.drobky { font-size: .9rem; color: var(--tlumene); margin-bottom: 1rem; }
.drobky a { color: var(--tlumene); }
.text { padding-bottom: 3rem; }
.text > ul li, .text > ol li { margin-bottom: .35rem; }
.cisla li::marker { font-weight: 700; color: var(--hlavni); }
.ramecek { padding: 1.4rem 1.5rem; border: 1px solid var(--linka); border-radius: var(--zaobleni); margin: 2rem 0; }
.ramecek h3 { margin-top: 0; }
.ramecek p { margin: 0; }
details { border-bottom: 1px solid var(--linka); padding: .2rem 0; margin-bottom: 1rem; }
summary { cursor: pointer; font-weight: 700; padding: .7rem 0; min-height: 44px; }
.org { list-style: none; padding: 0; border-top: 1px solid var(--linka); }
.org details { margin: 0; }
.fakta { display: grid; gap: .6rem 1.5rem; padding: 1.25rem 1.5rem; background: var(--plocha); border-radius: var(--zaobleni); }
@media (min-width: 600px) { .fakta div { display: grid; grid-template-columns: 8rem 1fr; gap: 1rem; } }
.fakta dt { font-weight: 700; color: var(--tlumene); }
.fakta dd { margin: 0; }
.publicita { display: flex; align-items: center; gap: 1.25rem; margin-top: 3rem; padding-top: 1.5rem; border-top: 1px solid var(--linka); font-size: .92rem; color: var(--tlumene); }
.publicita img { width: 72px; background: #fff; padding: 6px; border-radius: 6px; }
.publicita p { margin: 0; }
.laureat { padding-bottom: .5rem; }
.laureat h2 { margin-bottom: .2rem; }
.laureat__nominace { color: var(--tlumene); font-size: .92rem; }
.roky, .soubory { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: .5rem 1.25rem; }
.soubory { flex-direction: column; }
.typ { font-size: .75rem; font-weight: 700; color: var(--tlumene); border: 1px solid var(--linka); border-radius: 4px; padding: 0 .3rem; margin-left: .35rem; }
.lide { list-style: none; padding: 0; }
.lide li { margin-bottom: .6rem; }
.lide b { display: block; }
.dar { display: flex; flex-wrap: wrap; gap: 1.5rem 2.5rem; align-items: center; padding: 1.5rem; background: var(--oranzova-svetla); border-radius: var(--zaobleni); margin-top: 1.5rem; }
.dar h2 { margin-top: 0; }
.dar p { margin: 0 0 .4rem; }
.dar__ucet { font-size: 1.8rem; font-weight: 700; letter-spacing: .02em; }
.dar__qr { margin: 0; text-align: center; font-size: .85rem; color: var(--tlumene); }
.dar__qr svg { display: block; background: #fff; padding: 6px; border-radius: 6px; }
.starsi { list-style: none; padding: 0; font-size: .95rem; }
.starsi li { margin-bottom: .4rem; }
.kontakt { display: grid; gap: 1rem 2.5rem; }
@media (min-width: 700px) { .kontakt { grid-template-columns: 1fr 1fr; } }
.kontakt h2 { margin-top: 1rem; }

/* formuláře */
.formular { display: grid; gap: 1.1rem; margin-top: 1.25rem; }
.formular label { display: grid; gap: .35rem; font-weight: 700; }
.formular input[type=text], .formular input[type=email], .formular input[type=tel], .formular select, .formular textarea {
  font: 400 1rem var(--font-text); padding: .7rem .8rem; min-height: 48px; border: 1px solid color-mix(in srgb, var(--text) 35%, transparent);
  border-radius: 8px; background: var(--bg); color: var(--text); width: 100%; }
.formular fieldset { border: 0; padding: 0; margin: 0; }
.formular legend { font-weight: 700; margin-bottom: .5rem; padding: 0; }
.volby { display: flex; flex-wrap: wrap; gap: .5rem; }
.formular .volba { display: flex; align-items: center; gap: .5rem; font-weight: 400; padding: .5rem .8rem; border: 1px solid var(--linka); border-radius: 8px; cursor: pointer; }
.volba input { width: 1.1rem; height: 1.1rem; accent-color: var(--hlavni); }
.dva-pole { display: grid; gap: 1.1rem; }
@media (min-width: 600px) { .dva-pole { grid-template-columns: 1fr 1fr; } }
.nepovinne { font-weight: 400; color: var(--tlumene); font-size: .9rem; }
.drobne { font-size: .9rem; color: var(--tlumene); margin: 0; }
.formular .tl { justify-self: start; }

/* patička */
.pata { margin-top: 3rem; border-top: 1px solid var(--linka); font-size: .95rem; }
.pata__loga { padding: 2.5rem 0; background: var(--plocha); }
.pata__loga-in { display: grid; gap: 1.5rem; }
@media (min-width: 900px) { .pata__loga-in { grid-template-columns: minmax(220px, 1fr) 2.4fr; gap: 3rem; align-items: center; } }
.pata__loga h2 { font-size: 1.25rem; margin: 0 0 .5rem; }
.pata__loga-text p { margin: 0 0 .6rem; color: var(--tlumene); }
.loga { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 1rem; }
/* víc log: menší dlaždice, pořád zarovnané do řad */
.loga--hodne { grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: .75rem; }
.loga--hodne a { height: 96px; }
.loga--hodne img { max-height: 64px; }
.loga a, .loga--velka li { display: grid; place-items: center; background: #fff; border-radius: 10px; padding: 14px 18px; height: 120px; border: 1px solid var(--linka); }
.loga a:hover { border-color: var(--hlavni); }
.loga img { max-height: 84px; max-width: 100%; width: auto; display: block; }
.loga--velka { display: flex; flex-wrap: wrap; gap: 1rem; margin-bottom: 1.5rem; }
.loga--velka li { height: auto; gap: .5rem; padding: 12px 16px; border: 1px solid var(--linka); font-size: .85rem; color: #33305f; text-align: center; }
.pata__dik { font-size: .95rem; }
.pata__sloupce { display: grid; gap: 1rem 2rem; padding-top: 1.5rem; padding-bottom: 1rem; border-top: 1px solid var(--linka); color: var(--tlumene); }
@media (min-width: 700px) { .pata__sloupce { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1000px) { .pata__sloupce { grid-template-columns: .9fr 1.2fr 1.2fr 1fr; } }
.pata__nazev { font-weight: 700; color: var(--text); margin-bottom: .3rem; }
.pata__odkazy { list-style: none; padding: 0; }
.pata__odkazy li { margin-bottom: .4rem; }
.pata__copy { font-size: .85rem; color: var(--tlumene); padding-bottom: 2rem; }

.nahoru { position: fixed; right: 1rem; bottom: 1rem; width: 48px; height: 48px; border-radius: 50%; display: grid; place-items: center;
  background: var(--hlavni); color: var(--hlavni-text); box-shadow: 0 2px 8px rgb(0 0 0 / .2); z-index: 5; }
.nahoru:hover { color: var(--hlavni-text); background: color-mix(in srgb, var(--hlavni) 85%, var(--text)); }
.nahoru[hidden] { display: none; }
@media (prefers-reduced-motion: reduce) { * { transition: none !important; scroll-behavior: auto !important; } }


/* společné kousky nových směrů */
.nadtitul { font-size: .85rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--tlumene); margin-bottom: .9rem; display: flex; align-items: center; gap: .5rem; }
.uvod__mrizka { display: grid; gap: 2rem; align-items: center; }
@media (min-width: 900px) { .uvod__mrizka { grid-template-columns: 1.4fr 1fr; gap: 4rem; } }
.cisla-pas { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; }
@media (min-width: 800px) { .cisla-pas { grid-template-columns: repeat(4, 1fr); gap: 2rem; } }
.cisla-pas b { display: block; font-family: var(--font-nadpis); font-size: clamp(2.4rem, 1.8rem + 2vw, 3.4rem); line-height: 1; color: var(--hlavni); margin-bottom: .4rem; }
.cisla-pas span { color: var(--tlumene); font-size: .95rem; }
.pribeh { margin: 0; padding: 2rem 0 0; border-top: 3px solid var(--oranzova); max-width: 46em; }
.pribeh blockquote { margin: 0 0 1rem; }
.pribeh blockquote p { font-family: var(--font-nadpis); font-size: clamp(1.2rem, 1.05rem + .6vw, 1.5rem); line-height: 1.45; margin: 0; }
.pribeh figcaption { color: var(--tlumene); font-size: .95rem; }
.otazka { list-style: none; padding: 0; margin: 2rem 0 0; border-top: 1px solid var(--text); }
.otazka a { display: grid; grid-template-columns: 1fr auto; gap: .2rem 1.5rem; align-items: center; padding: 1.4rem 0; border-bottom: 1px solid var(--linka);
  text-decoration: none; color: var(--text); transition: padding-left .2s; }
@media (min-width: 800px) { .otazka a { grid-template-columns: minmax(0, 1.1fr) 1fr auto; } }
.otazka a:hover { padding-left: .75rem; }
.otazka__t { font-family: var(--font-nadpis); font-weight: 700; font-size: clamp(1.4rem, 1.1rem + 1.4vw, 2.2rem); line-height: 1.15; }
.otazka__p { color: var(--tlumene); grid-column: 1; }
@media (min-width: 800px) { .otazka__p { grid-column: 2; } }
.otazka .sipka { grid-row: 1 / span 2; grid-column: 2; font-size: 1.8rem; color: var(--hlavni); }
@media (min-width: 800px) { .otazka .sipka { grid-row: 1; grid-column: 3; } }

/* ---------- podstránky: široké rozvržení ---------- */
.rozvrh { display: grid; gap: 2rem; margin-bottom: 3rem; }
@media (min-width: 1000px) { .rozvrh--bok { grid-template-columns: minmax(0, 1fr) 340px; gap: 4rem; align-items: start; } }
.rozvrh .text { max-width: var(--uzka); padding: 0; }
.text > h2:first-child, .siroka > h2:first-child, .dva-bloky h2 { margin-top: 0; }
.bok { display: grid; gap: 1.25rem; }
@media (min-width: 1000px) { .bok { position: sticky; top: 1.5rem; } }
.bok__karta { padding: 1.5rem; border: 1px solid var(--linka); border-radius: var(--zaobleni); background: var(--bg); }
.bok__karta--plocha { background: var(--plocha); border-color: transparent; }
.bok__karta h2 { font-size: 1.15rem; margin: 0 0 .8rem; }
.bok__karta p { margin: 0 0 .8rem; }
.bok__karta .tl { width: 100%; margin-top: .4rem; }
.bok__osoba b { display: block; }
.bok__osoba { color: var(--tlumene); font-size: .95rem; }
.bok__drobne { font-size: .9rem; color: var(--tlumene); }
.siroka { margin-bottom: 3.5rem; }
.siroka__lead { color: var(--tlumene); max-width: 46em; }
.dva-bloky { display: grid; gap: 2rem; }
@media (min-width: 900px) { .dva-bloky { grid-template-columns: 1fr 1fr; gap: 4rem; } }
.fajfky { list-style: none; padding: 0; }
.fajfky li { position: relative; padding-left: 1.7rem; margin-bottom: .55rem; }
.fajfky li::before { content: ""; position: absolute; left: 0; top: .45em; width: .9rem; height: .5rem; border: solid var(--oranzova); border-width: 0 0 3px 3px; transform: rotate(-45deg); }
@media (min-width: 700px) { .fajfky--dva { columns: 2; column-gap: 2.5rem; } .fajfky--dva li { break-inside: avoid; } }
.fakta--bok { padding: 0; background: none; gap: .7rem; margin-bottom: 1rem; }
.fakta--bok div { display: block !important; }
.fakta--bok dt { font-size: .85rem; }

/* nabídky */
.nabidky { list-style: none; padding: 0; margin: 0; display: grid; gap: 1.25rem; }
@media (min-width: 700px) { .nabidky { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1100px) { .siroka--nabidky .nabidky { grid-template-columns: repeat(3, 1fr); } }
.nabidka { display: flex; flex-direction: column; padding: 1.4rem 1.5rem 1.25rem; background: var(--bg); border: 1px solid var(--linka);
  border-radius: var(--zaobleni); transition: border-color .15s, box-shadow .15s; }
.nabidka:hover { border-color: color-mix(in srgb, var(--hlavni) 45%, var(--linka)); box-shadow: 0 6px 24px rgb(31 38 102 / .08); }
.nabidka__stitek { align-self: start; margin: 0 0 .9rem; padding: .15rem .6rem; border-radius: 999px; font-size: .8rem; font-weight: 700;
  background: var(--oranzova-svetla); color: color-mix(in srgb, var(--oranzova) 55%, var(--text)); }
.nabidka h3 { margin: 0 0 .25rem; font-size: 1.2rem; }
.nabidka__misto { display: flex; align-items: center; gap: .35rem; margin: 0 0 .75rem; color: var(--tlumene); font-size: .92rem; }
.nabidka__text { margin: 0 0 1.25rem; }
.nabidka__paticka { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-top: 1rem; border-top: 1px solid var(--linka); }
.nabidka__akce { font-weight: 700; text-decoration: none; }
.nabidka__akce span { display: inline-block; transition: transform .15s; }
.nabidka__akce:hover span { transform: translateX(3px); }
.nabidka__sdilet { display: inline-flex; align-items: center; gap: .35rem; font-size: .9rem; color: var(--tlumene); text-decoration: none; }
.nabidka__sdilet:hover { color: var(--hlavni); }

/* organizace */
.org-mrizka { list-style: none; padding: 0; margin: 0; display: grid; gap: 1rem; }
@media (min-width: 700px) { .org-mrizka { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1100px) { .org-mrizka { grid-template-columns: repeat(3, 1fr); } }
.org-karta { padding: 1.25rem 1.4rem; border: 1px solid var(--linka); border-radius: var(--zaobleni); display: flex; flex-direction: column; }
.org-karta h3 { margin: 0 0 .5rem; font-size: 1.05rem; }
.org-karta p { margin: 0 0 .75rem; font-size: .95rem; color: var(--tlumene); }
.org-karta__web { margin-top: auto !important; font-size: .9rem; }

/* program */
.aktivity { list-style: none; padding: 0; display: grid; gap: 1rem; margin: 0 0 1.5rem; }
@media (min-width: 600px) { .aktivity { grid-template-columns: 1fr 1fr; } }
.aktivity li { padding: 1rem 1.2rem; background: var(--plocha); border-radius: var(--zaobleni); color: var(--tlumene); font-size: .95rem; }
.aktivity b { display: block; color: var(--text); font-size: 1rem; margin-bottom: .2rem; }

/* Křesadlo */
.laureati-mrizka { display: grid; gap: 1.25rem; }
@media (min-width: 900px) { .laureati-mrizka { grid-template-columns: repeat(3, 1fr); } }
.laureat { padding: 1.5rem; border: 1px solid var(--linka); border-top: 4px solid var(--oranzova); border-radius: var(--zaobleni); }
.laureat h3 { font-size: 1.35rem; margin: 0 0 .25rem; }
.laureat__rok { font-size: .8rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--tlumene); margin: 0 0 .5rem; }
.laureat p:last-child { margin: 0; font-size: .95rem; }
.roky { gap: .5rem; }
.roky a { display: inline-block; padding: .3rem .7rem; border: 1px solid var(--linka); border-radius: 999px; text-decoration: none; background: var(--bg); }

/* Podpořte nás */
.dary { display: grid; gap: 1.25rem; }
@media (min-width: 900px) { .dary { grid-template-columns: 1.1fr 1fr; grid-template-rows: auto auto; } .dar-karta--hlavni { grid-row: span 2; } }
.dar-karta { padding: 1.5rem; border: 1px solid var(--linka); border-radius: var(--zaobleni); }
.dar-karta h2 { font-size: 1.2rem; margin: 0 0 .75rem; }
.dar-karta--hlavni { background: var(--oranzova-svetla); border-color: transparent; display: grid; grid-template-columns: 1fr auto; column-gap: 1.5rem; align-content: center; padding: 2rem; }
.dar-karta--hlavni .dar__ucet { font-size: clamp(1.5rem, 1.1rem + 1.2vw, 2.1rem); white-space: nowrap; }
.dar-karta--hlavni > :not(figure) { grid-column: 1; }
.dar-karta--hlavni .dar__qr { grid-column: 2; grid-row: 1 / span 3; }
.dar-karta details { margin-top: .75rem; }
.loga-mrizka { list-style: none; padding: 0; margin: 0 0 1.5rem; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr)); gap: 1rem; }
.loga-mrizka li { display: grid; grid-template-rows: 1fr auto; gap: .75rem; padding: 1.25rem; border: 1px solid var(--linka); border-radius: var(--zaobleni); text-align: center; font-size: .9rem; color: var(--tlumene); }
.loga-mrizka__obr { display: grid; place-items: center; height: 110px; background: #fff; border-radius: 8px; padding: 10px; }
.loga-mrizka__obr img { max-height: 90px; max-width: 100%; width: auto; }
details.starsi { max-width: none; }
.tabulka { width: 100%; border-collapse: collapse; font-size: .95rem; }
.tabulka th, .tabulka td { text-align: left; vertical-align: top; padding: .6rem .5rem; border-bottom: 1px solid var(--linka); }
.tabulka th { width: 4.5rem; }

/* O nás */
.lide-mrizka { list-style: none; padding: 0; margin: 0; display: grid; gap: 1rem; }
@media (min-width: 700px) { .lide-mrizka { grid-template-columns: repeat(3, 1fr); } }
.lide-mrizka li { padding: 1.25rem 1.4rem; background: var(--plocha); border-radius: var(--zaobleni); color: var(--tlumene); font-size: .95rem; }
.lide-mrizka b { display: block; color: var(--text); font-size: 1.1rem; margin-bottom: .2rem; }
.soubory-mrizka { list-style: none; padding: 0; margin: 0 0 1rem; display: grid; gap: .75rem; }
@media (min-width: 700px) { .soubory-mrizka { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1100px) { .soubory-mrizka { grid-template-columns: repeat(3, 1fr); } }
.soubory-mrizka a { display: flex; align-items: center; gap: .8rem; padding: .8rem 1rem; border: 1px solid var(--linka); border-radius: var(--zaobleni); text-decoration: none; color: var(--text); font-weight: 700; }
.soubory-mrizka a:hover { border-color: var(--hlavni); }
.soubor__ikona { flex: none; display: grid; place-items: center; width: 2.6rem; height: 2.6rem; border-radius: 6px; background: var(--oranzova-svetla); color: color-mix(in srgb, var(--oranzova) 55%, var(--text)); font-size: .72rem; }

/* Kontakt */
.kontakt-mrizka { display: grid; gap: 1.25rem; }
@media (min-width: 800px) { .kontakt-mrizka { grid-template-columns: repeat(3, 1fr); } }
.kontakt-karta { padding: 1.5rem; border: 1px solid var(--linka); border-radius: var(--zaobleni); }
.kontakt-karta h2 { font-size: .85rem; letter-spacing: .06em; text-transform: uppercase; color: var(--tlumene); margin: 0 0 .75rem; }
.kontakt-karta p { margin: 0 0 .5rem; }
.kontakt-karta__velke { font-size: 1.2rem; font-weight: 700; }

/* úvod: čísla vedle nadpisu (1 · Modrá) */
.uvod__cisla { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: rgb(255 255 255 / .15); border-radius: 16px; overflow: hidden; }
.uvod__cisla li { background: var(--fialova); padding: 1.5rem 1.25rem; }
.uvod__cisla b { display: block; font-family: var(--font-nadpis); font-size: clamp(2.2rem, 1.6rem + 1.8vw, 3rem); line-height: 1; color: var(--oranzova); margin-bottom: .4rem; }
.uvod__cisla span { color: #c9cdf0; font-size: .92rem; }

/* úvod: nástěnka (3 · Nástěnka) */
.nastenka { padding: 1.5rem; background: var(--plocha); border-radius: calc(var(--zaobleni) + 6px); }
.nastenka__nadpis { margin: 0 0 1rem; font-weight: 700; font-size: .85rem; letter-spacing: .08em; text-transform: uppercase; color: var(--tlumene); }
.nastenka__seznam { list-style: none; padding: 0; margin: 0 0 1rem; display: grid; gap: .75rem; }
.nastenka__seznam .nabidka { padding: 1rem 1.15rem; }
.nastenka__seznam .nabidka__stitek, .nastenka__seznam .nabidka__text, .nastenka__seznam .nabidka__sdilet { display: none; }
.nastenka__seznam .nabidka h3 { font-size: 1.05rem; }
.nastenka__seznam .nabidka__misto { margin-bottom: .5rem; }
.nastenka__seznam .nabidka__paticka { border: 0; padding: 0; }
.nastenka__vic { font-weight: 700; }

/* karty nabídek: odkaz v nadpisu */
.nabidka h3 a { color: var(--text); text-decoration: none; }
.nabidka h3 a:hover { text-decoration: underline; }

/* stránka nabídky: sdílení a náhled na Facebooku */
.nabidka-hlava { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1.25rem; margin-bottom: 1rem; }
.nabidka-hlava p { margin: 0 !important; }
.sdileni { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 1.5rem; }
.fb-nahled { margin: 0; max-width: 520px; }
.fb-nahled figcaption { font-size: .85rem; color: var(--tlumene); margin-bottom: .5rem; }
.fb-nahled__karta { border: 1px solid var(--linka); border-radius: 8px; overflow: hidden; background: #f0f2f5; }
.fb-nahled__karta img { display: block; width: 100%; height: auto; }
.fb-nahled__text { padding: .7rem .9rem; display: grid; gap: .15rem; font: 14px/1.35 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; color: #1c1e21; }
.fb-nahled__text span { color: #65676b; font-size: 13px; }
.fb-nahled__text span:first-child { text-transform: uppercase; font-size: 12px; }
.bok__seznam { list-style: none; padding: 0; margin: 0; }
.bok__seznam li { padding: .5rem 0; border-bottom: 1px solid var(--linka); }
.bok__seznam li:last-child { border: 0; }
.bok__seznam a { font-weight: 700; display: block; }
.bok__seznam span { font-size: .88rem; color: var(--tlumene); }

/* patička: značka, sítě, logo ke stažení */
.pata__znacka img { width: 140px; height: auto; display: block; margin-bottom: 1rem; }
.pata__znacka img[src*="logo-adorea-cele"] { width: 170px; }
.pata__znacka .logo__tmave { display: none; }
:root[data-theme="dark"] .pata__znacka .logo__svetle { display: none; }
:root[data-theme="dark"] .pata__znacka .logo__tmave { display: block; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .pata__znacka .logo__svetle { display: none; } :root:not([data-theme="light"]) .pata__znacka .logo__tmave { display: block; } }
.socialni { list-style: none; padding: 0; margin: 0 0 .75rem; display: flex; gap: .5rem; }
.socialni a { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--linka); color: var(--text); }
.socialni a:hover { color: var(--hlavni); border-color: var(--hlavni); }
.logo-ke-stazeni { list-style: none; padding: 0; margin: 0; display: grid; gap: 1rem; }
@media (min-width: 800px) { .logo-ke-stazeni { grid-template-columns: repeat(3, 1fr); } }
.logo-ke-stazeni li { display: grid; gap: .5rem; padding: 1.25rem; border: 1px solid var(--linka); border-radius: var(--zaobleni); }
.logo-ke-stazeni__nahled { display: grid; place-items: center; height: 130px; background: #fff; border-radius: 8px; border: 1px solid var(--linka); }
.logo-ke-stazeni__nahled--tmave { background: #1f2666; border-color: #1f2666; }
.logo-ke-stazeni__barvy span { display: flex; align-items: center; gap: .6rem; color: var(--tlumene); }
.logo-ke-stazeni__barvy i { width: 2.5rem; height: 2.5rem; border-radius: 8px; flex: none; }

/* mřížky: položky se smí zúžit pod šířku nejdelšího slova (dlouhé adresy webů) */
.org-mrizka > *, .nabidky > *, .dary > *, .loga-mrizka > *, .soubory-mrizka > *, .kontakt-mrizka > *, .laureati-mrizka > *, .lide-mrizka > * { min-width: 0; }
.org-karta, .org-karta a { overflow-wrap: anywhere; }
.dar-karta--hlavni { grid-template-columns: minmax(0, 1fr) auto; }
@media (max-width: 599px) { .dar-karta--hlavni { grid-template-columns: minmax(0, 1fr); } .dar-karta--hlavni .dar__qr { grid-column: 1; grid-row: auto; justify-self: start; margin-top: 1rem; } }
.logo-odkaz { display: grid; gap: 1rem 2rem; align-items: center; padding: 1.5rem; border: 1px solid var(--linka); border-radius: var(--zaobleni); }
@media (min-width: 800px) { .logo-odkaz { grid-template-columns: auto 1fr auto; } }
.logo-odkaz img { background: #fff; padding: 12px; border-radius: 8px; width: 160px; height: auto; }
.logo-odkaz h2 { margin: 0 0 .3rem; font-size: 1.2rem; }
.logo-odkaz p { margin: 0; color: var(--tlumene); }
.nabidka__stitky { display: flex; flex-wrap: wrap; gap: .4rem; margin: 0 0 .9rem; }
.nabidka__stitky .nabidka__stitek { margin: 0; }
.nabidka__letak { padding: .15rem .6rem; border-radius: 999px; font-size: .8rem; font-weight: 700; border: 1px solid var(--linka); color: var(--tlumene); }
.nastenka__seznam .nabidka__stitky { display: none; }
.letak { margin: 0 0 2rem; max-width: 420px; }
.letak img { display: block; width: 100%; height: auto; border-radius: var(--zaobleni); border: 1px solid var(--linka); }
.letak figcaption { font-size: .9rem; color: var(--tlumene); margin-top: .5rem; }
/* podmenu v nočním režimu o odstín světlejší než stránka, ať se odliší od černé hlavičky */
@media (min-width: 1140px) {
  :root[data-theme="dark"] .menu .sub-menu { background: #1a1a24; border-color: #33323f; }
  :root[data-theme="dark"] .menu .sub-menu a:hover { background: #262534; }
}
@media (min-width: 1140px) and (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .menu .sub-menu { background: #1a1a24; border-color: #33323f; }
  :root:not([data-theme="light"]) .menu .sub-menu a:hover { background: #262534; }
}
/* blok viditelný jen pro přihlášeného správce (v šabloně podmínka current_user_can) */
.jen-admin { position: relative; padding: 1rem; border: 2px dashed var(--linka); border-radius: var(--zaobleni); margin-top: 1.5rem; }
.jen-admin__stitek { margin: 0 0 .6rem; font-size: .8rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--tlumene); }
.pata__copy { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem 2rem; }
.partneri { list-style: none; padding: 0; margin: 0; display: grid; gap: 1rem; }
@media (min-width: 800px) { .partneri { grid-template-columns: repeat(2, 1fr); } }
.partneri li { display: flex; align-items: center; gap: 1.25rem; padding: 1rem 1.25rem; border: 1px solid var(--linka); border-radius: var(--zaobleni); }
.partneri__logo { flex: none; display: grid; place-items: center; width: 120px; height: 84px; background: #fff; border-radius: 8px; }
.partneri__logo img { max-width: 100%; height: auto; }
.partneri p { margin: .2rem 0 0; color: var(--tlumene); font-size: .95rem; }

/* ikonky odkazů: ↗ vede na jiný web (nové okno), ↓ soubor ke stažení. Jen u textových odkazů (ne tlačítka, loga, sdílení). */
:is(main, .pata) a[target="_blank"]:not(:has(.ven, img, svg)):not(.sd, .tl)::after,
:is(main, .pata) :is(a[download], a[href$=".pdf"], a[href$=".zip"]):not(:has(img)):not(.sd, .tl)::after {
  content: ""; display: inline-block; width: .8em; height: .8em; margin-left: .3em; vertical-align: -.05em;
  background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M9 2h5v5M14 2 7 9M12 9.5V13a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h3.5' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M9 2h5v5M14 2 7 9M12 9.5V13a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h3.5' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; }
:is(main, .pata) :is(a[download], a[href$=".pdf"], a[href$=".zip"]):not(:has(img)):not(.sd, .tl)::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 2v8M4.5 7 8 10.5 11.5 7M3 13.5h10' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 2v8M4.5 7 8 10.5 11.5 7M3 13.5h10' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.soubory-mrizka a::after { content: none !important; }
.soubory-mrizka a:is([href$=".pdf"], [download])::before { content: ""; order: 3; margin-left: auto; width: 1rem; height: 1rem; flex: none; background: var(--tlumene);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 2v8M4.5 7 8 10.5 11.5 7M3 13.5h10' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 2v8M4.5 7 8 10.5 11.5 7M3 13.5h10' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; }
/* přijímací organizace: co dělají + jak pomoci, filtr podle cílové skupiny */
.org-karta .nabidka__stitek { margin-bottom: .7rem; }
.org-karta .nabidka__misto { margin-bottom: .6rem; }
.org-karta__co { color: var(--text) !important; font-size: 1rem !important; }
.org-karta__nadpis { margin: 0 0 .2rem !important; font-size: .8rem !important; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--tlumene) !important; }
.org-karta[hidden] { display: none; }
.filtr { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0 0 1.25rem; }
.filtr__tl { min-height: 40px; padding: .35rem .9rem; border: 1px solid var(--linka); border-radius: 999px; background: var(--bg); color: var(--text); font: 700 .9rem var(--font-text); cursor: pointer; }
.filtr__tl:hover { border-color: var(--hlavni); }
.filtr__tl[aria-pressed="true"] { background: var(--hlavni); border-color: var(--hlavni); color: var(--hlavni-text); }

/* QR platba (skutečný kód, kreslí qrcode.min.js) – stejně jako šablona */
.dar__qr-kod { width: 140px; aspect-ratio: 1; background: #fff; border-radius: 6px; }
.dar__qr-kod svg { width: 100%; height: 100%; display: block; padding: 0; }
.dar__qr figcaption span { font-size: .8rem; }
.dar-karta--hlavni { grid-template-columns: minmax(0, 1fr); }
.dar-karta--hlavni .dar__qr { grid-column: 1; grid-row: auto; display: flex; align-items: center; gap: 1rem; margin-top: 1rem; text-align: left; justify-self: start; }
.dar-karta--hlavni .dar__qr figcaption { font-size: .95rem; color: var(--text); font-weight: 700; }
.dar-karta--hlavni .dar__qr figcaption span { font-weight: 400; color: var(--tlumene); }
.dar-karta--hlavni .dar__qr-kod { width: 120px; flex: none; }
/* tlačítko Zkopírovat vedle čísla účtu */
.dar__ucet { display: flex; align-items: center; gap: .6rem; flex-wrap: wrap; }
.kopirovat { position: relative; display: inline-grid; place-items: center; min-width: 44px; min-height: 44px; padding: 0; border: 1px solid var(--linka); border-radius: var(--zaobleni);
  background: var(--bg); color: var(--hlavni); cursor: pointer; font: inherit; }
.kopirovat:hover { border-color: var(--hlavni); }
.kopirovat:focus-visible { outline: 3px solid var(--akcent); outline-offset: 2px; }
.kopirovat--ok { color: #1e7b3c; border-color: #1e7b3c; }
.kopirovat__hotovo:empty { display: none; }
.kopirovat__hotovo { position: absolute; left: 50%; bottom: calc(100% + 6px); transform: translateX(-50%); padding: .2rem .5rem; border-radius: 6px;
  background: #1d1f2b; color: #fff; font-size: .8rem; font-weight: 700; letter-spacing: 0; white-space: nowrap; pointer-events: none; }

/* ===== nahled/styly/logomanual.css ===== */

.lm-sekce { margin-bottom: 3.5rem; }
.lm-sekce h2 { margin-top: 0; }
.lm-uvod { color: var(--tlumene); max-width: 46em; }
.lm-pozn { color: var(--tlumene); font-size: .92rem; }
.lm-varianty { list-style: none; padding: 0; margin: 0 0 1.5rem; display: grid; gap: 1rem; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
.lm-varianta { display: grid; gap: .4rem; align-content: start; padding: 1rem; border: 1px solid var(--linka); border-radius: var(--zaobleni); min-width: 0; }
.lm-nahled { display: grid; place-items: center; height: 150px; padding: 16px; background: #fff; border: 1px solid #e3e3e8; border-radius: 8px; }
.lm-nahled--tmave { background: #1f2666; border-color: #1f2666; }
.lm-nahled img { max-height: 112px; width: auto; max-width: 100%; }
.lm-stahnout { font-weight: 700; font-size: .95rem; }
.lm-dva { display: grid; gap: 2rem; align-items: center; }
@media (min-width: 800px) { .lm-dva { grid-template-columns: 1fr 1fr; gap: 4rem; } }
.lm-zona { margin: 0; text-align: center; }
.lm-zona__ram { display: inline-block; padding: 44px; background: #fff; border-radius: 8px; outline: 2px dashed var(--oranzova); outline-offset: -2px; box-shadow: inset 0 0 0 44px rgb(232 130 26 / .08); }
.lm-zona img { display: block; width: 260px; height: auto; outline: 1px solid rgb(31 38 102 / .25); }
.lm-zona figcaption { margin-top: .6rem; font-size: .9rem; color: var(--tlumene); }
.lm-barvy { list-style: none; padding: 0; margin: 0; display: grid; gap: 1rem; }
@media (min-width: 700px) { .lm-barvy { grid-template-columns: 1fr 1fr; } }
.lm-barva { display: grid; gap: .2rem; padding: 1rem; border: 1px solid var(--linka); border-radius: var(--zaobleni); }
.lm-barva__vzorek { height: 90px; border-radius: 8px; margin-bottom: .5rem; }
.lm-podtitul { display: flex; align-items: center; gap: 1.1rem; padding: 2rem; background: #fff; border: 1px solid #e3e3e8; border-radius: 8px; color: #1f2666; justify-self: start; }
.lm-podtitul img { width: 190px; height: auto; }
.lm-podtitul span { font: 700 1rem/1.3 "Atkinson Hyperlegible Next", system-ui, sans-serif; padding-left: 1.1rem; border-left: 1px solid #d5d7e3; }
.lm-ne { list-style: none; padding: 0; display: grid; gap: .75rem; }
@media (min-width: 800px) { .lm-ne { grid-template-columns: 1fr 1fr; } }
.lm-ne li { padding: .9rem 1rem .9rem 2.6rem; border: 1px solid var(--linka); border-radius: var(--zaobleni); position: relative; }
.lm-ne li::before { content: "✕"; position: absolute; left: 1rem; top: .9rem; color: #c0392b; font-weight: 700; }

.sdilej-blok { margin: 1.5rem 0; }
.sdilej__nadpis { font-weight: 700; margin: 0 0 .6rem; }
.sdilej { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.sd { display: inline-flex; align-items: center; gap: .45rem; min-height: 44px; padding: .45rem .85rem; border: 1px solid var(--linka); border-radius: 999px;
  background: var(--bg); color: var(--text); font: 700 .9rem var(--font-text); text-decoration: none; cursor: pointer; }
.sd:hover { border-color: var(--hlavni); color: var(--hlavni); }
.sd svg { flex: none; }
.sd-nativni[hidden] { display: none; }
@media (max-width: 599px) { .sdilej .sd { width: 44px; padding: 0; justify-content: center; } .sdilej .sd > span:not(.sr) { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } }
.sdilej-blok--rada { padding: 1.25rem 1.5rem; background: var(--plocha); border-radius: var(--zaobleni); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem 1.5rem; }
.sdilej-blok--rada .sdilej__nadpis { margin: 0; }
.laureat .sdilej-blok { margin: 1rem 0 0; }
.laureat .sd { min-height: 40px; }

.laureat .sd { width: 40px; padding: 0; justify-content: center; }
.laureat .sd > span:not(.sr) { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

/* ===== nahled/styly/k-vase.css ===== */
/* Podle Vás · 2 + 3 — přání A. Šmerdové (e-maily 13. 10. a 21. 10. 2026):
   logo vlevo (kroužek Pepa 21. 10. zamítl), vedle celý název modře, vpravo Facebook (Instagram Adorea nemá); pod oranžovou linkou menu z tlačítek
   (Chci pomáhat modré, Podpořte nás oranžové, ostatní bílé s modrým písmem).
   Barvy: tmavě modrá nadpisy/menu/tlačítka/odkazy, oranžová výzvy a drobnosti, světle oranžová boxy, teplá šedá střídání ploch. */
:root { --font-nadpis: "Figtree", system-ui, sans-serif; --zaobleni: 16px; --plocha: #f6f3ee; --linka: #e6e0d6;
  --odkaz: var(--hlavni); --oranzova-tl: #b85c06; /* oranžová pro tlačítko s bílým písmem (kontrast 4,6 : 1) */ }
/* tlačítka a nadpisy mají vlastní proměnné, ať v tmavém režimu zůstane tlačítko modré s bílým písmem a nadpisy světlé */
:root { --tl-modra: var(--hlavni); --nadpis: var(--hlavni); --plocha-uvod: var(--oranzova-svetla); --plocha-box: var(--oranzova-svetla); --sipka-pozadi: var(--oranzova-svetla); }
/* tmavý režim: černá a neutrální šedé plochy (Pepa 21. 10.: černá ok, fialovo-modrá ne), bílé nadpisy, tlačítko Chci pomáhat modré s bílým písmem */
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --bg: #000; --plocha: #161616; --linka: #2e2e30; --text: #ececee; --tlumene: #a8a8ae; --hlavni: #ececee; --hlavni-text: #000; --odkaz: #ffb877; --nadpis: #fff; --tl-modra: #2b3590; --oranzova-svetla: #2a2118; --plocha-uvod: var(--plocha); --plocha-box: #1c1c1e; --sipka-pozadi: #262628; --oranzova-tl: #c4650a; } }
:root[data-theme="dark"] { --bg: #000; --plocha: #161616; --linka: #2e2e30; --text: #ececee; --tlumene: #a8a8ae; --hlavni: #ececee; --hlavni-text: #000; --odkaz: #ffb877; --nadpis: #fff; --tl-modra: #2b3590; --oranzova-svetla: #2a2118; --plocha-uvod: var(--plocha); --plocha-box: #1c1c1e; --sipka-pozadi: #262628; --oranzova-tl: #c4650a; }
h1, h2, h3 { color: var(--nadpis); font-weight: 800; }
.tl--plne { background: var(--tl-modra); border-color: var(--tl-modra); color: #fff; }
.tl--plne:hover, .nahoru:hover { background: color-mix(in srgb, var(--tl-modra) 82%, #000); border-color: color-mix(in srgb, var(--tl-modra) 82%, #000); color: #fff; }  /* bílé písmo i při najetí (Pepa 22. 10.) */
.podpora .tl--plne:hover, .dar .tl--plne:hover { background: color-mix(in srgb, var(--oranzova-tl) 85%, #000); border-color: color-mix(in srgb, var(--oranzova-tl) 85%, #000); }

/* hlavička: řádek s logem, oranžová linka, řádek menu */
.hlava--radky { border: 0; }
.hlava__horni { display: flex; align-items: center; gap: 1rem; padding-block: .9rem; }
.logo--radky { flex: 0 1 auto; gap: clamp(.75rem, 3vw, 2.25rem); min-width: 0; }
.logo__nazev { font: 700 clamp(1.05rem, .75rem + 1.1vw, 1.55rem)/1.25 var(--font-nadpis); color: var(--nadpis); }
.hlava__horni .hlava__akce { margin-left: auto; }
.hlava .socialni { margin: 0 .5rem 0 0; }
.hlava .socialni a { border: 0; background: var(--oranzova-svetla); color: var(--hlavni); }
.hlava .socialni a:hover { background: var(--tl-modra); color: #fff; }
.hlava__menu { border-top: 4px solid var(--oranzova); background: var(--plocha); padding-block: .8rem; }
.hlava--radky .menu { margin: 0; }
.hlava--radky .menu__seznam { gap: .5rem; flex-wrap: wrap; }
.hlava--radky .menu__seznam > li { padding: 0 .35rem 0 0; border: 2px solid var(--linka); border-radius: var(--zaobleni); background: var(--bg); }
.hlava--radky .menu__seznam > li > a { padding: .55rem .4rem .55rem 1rem; border: 0; color: var(--hlavni); }
.hlava--radky .menu__seznam > li:not(.menu-item-has-children) > a { padding-right: .65rem; }
.hlava--radky .menu__seznam > li:hover { background: var(--oranzova-svetla); }
.hlava--radky .menu__seznam > .current-menu-item, .hlava--radky .menu__seznam > .current-menu-ancestor { border-color: var(--oranzova); }
.hlava--radky .menu__rozbal { color: inherit; }
.hlava--radky .menu__seznam > .menu-item--pomahat { background: var(--tl-modra); border-color: var(--tl-modra); }
.hlava--radky .menu__seznam > .menu-item--podporit { background: var(--oranzova-tl); border-color: var(--oranzova-tl); }
.hlava--radky .menu__seznam > .menu-item--pomahat > a, .hlava--radky .menu__seznam > .menu-item--pomahat > .menu__rozbal,
.hlava--radky .menu__seznam > .menu-item--podporit > a { color: #fff; }
.hlava--radky .menu__seznam > .menu-item--pomahat:hover, .hlava--radky .menu__seznam > .menu-item--podporit:hover { background: color-mix(in srgb, var(--tl-modra) 85%, #000); }
.hlava--radky .menu__seznam > .menu-item--podporit:hover { background: color-mix(in srgb, var(--oranzova-tl) 85%, #000); }
.hlava--radky .menu__seznam > .menu-item--pomahat.current-menu-item, .hlava--radky .menu__seznam > .menu-item--pomahat.current-menu-ancestor,
.hlava--radky .menu__seznam > .menu-item--podporit.current-menu-item { box-shadow: 0 0 0 2px var(--bg), 0 0 0 4px var(--oranzova); }
.hlava--radky .menu__seznam > li.menu-item--podporit { margin-left: auto; }
.hlava--radky .menu .sub-menu a { color: var(--text); }
@media (max-width: 1139px) {
  .hlava__menu { padding-block: 0; }
  .hlava--radky .menu__seznam { flex-direction: column; flex-wrap: nowrap; padding: .75rem 0; }
  .hlava--radky .menu__seznam > li { border-bottom-width: 2px; }
  .hlava--radky .menu__seznam > li.menu-item--podporit { margin-left: 0; }
  .hlava--radky .menu__seznam > li > a { padding: .7rem .4rem .7rem 1rem; }
}
@media (max-width: 700px) {
  .hlava__horni { flex-wrap: wrap; gap: .6rem 1rem; }
  .logo__nazev { font-size: 1rem; }
  .hlava__horni .hlava__akce { width: 100%; justify-content: flex-end; }
}

/* úvod: světle oranžová plocha s fotkou (z návrhu 3), pod ní tři dveře (z návrhu 2) */
.uvod--vase { padding: 1.75rem 0 1rem; }
.uvod--vase .uvod__plocha { display: grid; gap: 2rem; align-items: center; background: var(--plocha-uvod); border-radius: 28px;
  padding: clamp(1.5rem, 4vw, 3.25rem); }
@media (min-width: 860px) { .uvod--vase .uvod__plocha { grid-template-columns: 1.15fr 1fr; } }
.uvod--vase h1 { margin: 0 0 .6rem; font-size: clamp(2.1rem, 1.4rem + 2.6vw, 3.3rem); line-height: 1.1; }
.uvod--vase .podtitul { margin: 0 0 1rem; font: 700 clamp(1.15rem, 1rem + .5vw, 1.4rem)/1.35 var(--font-nadpis); color: var(--text);
  padding-left: .9rem; border-left: 4px solid var(--oranzova); }
.uvod--vase .lead { margin: 0; }
.uvod__foto { margin: 0; }
.uvod__foto img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 22px; }
.dvere { list-style: none; padding: 0; margin: 1.5rem 0 0; display: grid; gap: 1rem; }
@media (min-width: 800px) { .dvere { grid-template-columns: repeat(3, 1fr); gap: 1.25rem; } }
.dvere a { display: flex; flex-direction: column; height: 100%; padding: 1.5rem 1.5rem 1.2rem; border: 2px solid var(--linka);
  border-top: 6px solid var(--tl-modra); border-radius: 22px; text-decoration: none; color: var(--text); background: var(--bg); transition: background-color .15s; }
.dvere li:nth-child(3) a { border-top-color: var(--oranzova); }
.dvere a:hover { background: var(--oranzova-svetla); }
.dvere h2 { margin: 0 0 .5rem; font-size: 1.45rem; }
.dvere p { color: var(--tlumene); margin: 0 0 1rem; }
.dvere .sipka { margin-top: auto; display: grid; place-items: center; width: 2.4rem; height: 2.4rem; border-radius: 50%;
  background: var(--sipka-pozadi); color: var(--hlavni); font-size: 1.3rem; }

/* střídání bílých a teple šedých ploch */
.sekce--nabidky, .sekce--programy + .sekce, .sekce--kresadlo { background: var(--plocha); padding-bottom: 2.5rem; }
.sekce--nabidky .nabidky li { background: var(--bg); border-radius: 18px; }
.karta { background: var(--bg); border: 2px solid var(--linka); border-radius: 22px; overflow: hidden; }
.karta__foto { display: block; width: calc(100% + 3rem); max-width: none; margin: -1.5rem -1.5rem 1.25rem; aspect-ratio: 4 / 3; object-fit: cover; object-position: 50% 25%; }  /* výš, ať fotky na výšku neuříznou hlavy */
.kresadlo__foto { float: right; width: min(300px, 40%); margin: 0 0 1rem 1.5rem; border-radius: 22px; }
@media (max-width: 600px) { .kresadlo__foto { float: none; width: 100%; margin: 0 0 1rem; } }
.sekce--kresadlo .sirka::after { content: ""; display: table; clear: both; }
.tl { border-radius: 999px; padding-inline: 1.5rem; }
.podpora, .dar { background: var(--plocha-box); border-radius: 22px; }
.podpora .tl--plne, .dar .tl--plne { background: var(--oranzova-tl); border-color: var(--oranzova-tl); color: #fff; }
.pata { border: 0; }
.pata__loga { background: var(--plocha); }
.loga a, .loga--velka li { border-radius: 18px; }
.formular input[type=text], .formular input[type=email], .formular input[type=tel], .formular select, .formular textarea { border-radius: 12px; }

/* logo bez kroužku (Pepa 21. 10.: „to nikde není“) */
.logo--radky img { width: 120px; }
@media (max-width: 700px) { .logo--radky img { width: 84px; } }
/* aktivní Chci pomáhat a Podpořte nás vypadají jako ostatní aktivní položky (Pepa 21. 10.) */
.hlava--radky .menu__seznam > li.menu-item.current-menu-item, .hlava--radky .menu__seznam > li.menu-item.current-menu-ancestor {
  background: var(--oranzova-svetla); border-color: var(--oranzova); box-shadow: none; }
.hlava--radky .menu__seznam > li.menu-item.current-menu-item > a, .hlava--radky .menu__seznam > li.menu-item.current-menu-ancestor > a,
.hlava--radky .menu__seznam > li.menu-item.current-menu-item > .menu__rozbal, .hlava--radky .menu__seznam > li.menu-item.current-menu-ancestor > .menu__rozbal { color: var(--hlavni); }

/* laureáti Křesadla pod sebou: vlevo jméno a nominace, vpravo příběh v pohodlné šířce (Pepa 21. 10.: „ne dlouhé sloupce“) */
.laureati-mrizka { grid-template-columns: 1fr !important; gap: 1.25rem; }
@media (min-width: 800px) {
  .laureat { display: grid; grid-template-columns: minmax(13rem, 1fr) 2.4fr; column-gap: 2.5rem; align-content: start; }
  .laureat > * { grid-column: 1; }
  .laureat > p:not([class]) { grid-column: 2; grid-row: 1 / span 5; margin: 0; max-width: 42em; }
}
.dar-karta--hlavni { background: var(--plocha-box); }

/* přepínač denního/nočního režimu v rozbaleném mobilním menu (v hlavičce je skrytý, ať se vejde název) */
.rezim--menu { display: none; }
@media (max-width: 700px) {
  .menu.otevrene + .rezim--menu { display: flex; align-items: center; gap: .6rem; width: 100%; margin: .2rem 0 .8rem; padding: .7rem 1rem;
    border: 1.5px dashed var(--linka); border-radius: var(--zaobleni); background: none; color: var(--text); font: 700 .95rem var(--font-text); justify-items: start; }
  .hlava .hlava__akce .rezim { display: none; }
}
.rezim__noc { display: none; }
:root[data-theme="dark"] .rezim__noc { display: none; }
:root:not([data-theme="dark"]) .rezim__den { display: none; }
:root:not([data-theme="dark"]) .rezim__noc { display: inline; }
:root[data-theme="dark"] .rezim__den { display: inline; }
/* loga podporovatelů v tmavém režimu: tlumeně světlé dlaždice místo zářivě bílých */
:root[data-theme="dark"] .loga a, :root[data-theme="dark"] .loga--velka li { background: #e4e4e7; border-color: transparent; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .loga a, :root:not([data-theme="light"]) .loga--velka li { background: #e4e4e7; border-color: transparent; } }
/* úzký mobil (320–360 px): nadpis a plocha úvodu se musí vejít */
@media (max-width: 360px) {
  .uvod--vase .uvod__plocha { padding: 1.25rem; border-radius: 22px; }
  .uvod--vase h1 { font-size: 1.85rem; }
}

/* vyhledávání: lupa v hlavičce (Pepa 21. 10.: „chybí vyhledávání“) */
.lupa { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; border: 1.5px solid var(--linka); color: var(--hlavni); flex: none; }
.lupa:hover { background: var(--oranzova-svetla); color: var(--hlavni); }
.hlava__akce .lupa { margin-right: .1rem; }
.hlava__rychle .lupa--mini, .hlava__mini { display: none; }
.hledani { display: flex; gap: .5rem; max-width: 40rem; margin-bottom: 1rem; }
.hledani input { flex: 1; min-width: 0; padding: .75rem 1rem; border: 2px solid var(--linka); border-radius: var(--zaobleni); background: var(--bg); color: var(--text); font: 1.05rem var(--font-text); }
.hledani input:focus { border-color: var(--oranzova); outline: none; }
.hledani__pocet { color: var(--tlumene); }
.hledani__vysledky { list-style: none; padding: 0; margin: 0; display: grid; gap: .75rem; max-width: 46rem; }
.hledani__vysledky li { padding: 1rem 1.25rem; border: 1.5px solid var(--linka); border-radius: 18px; }
.hledani__vysledky a { font: 800 1.15rem/1.3 var(--font-nadpis); color: var(--nadpis); }
.hledani__vysledky p { margin: .3rem 0 0; color: var(--tlumene); font-size: .95rem; }

/* mobil: lupa z hlavičky do rozbaleného menu jako pole (Pepa 21. 10.) */
.menu__hledat { display: none; }
@media (max-width: 1139px) {
  .hlava__horni .lupa { display: none; }
  .hlava__menu .sirka { display: flex; flex-direction: column; }
  .hlava__rychle { order: 0; } .menu__hledat { order: 1; } .hlava--radky .menu { order: 2; } .rezim--menu { order: 3; }
  .menu.otevrene ~ .menu__hledat { display: flex; gap: .4rem; margin: .7rem 0 .1rem; }
  .menu__hledat input { flex: 1; min-width: 0; padding: .65rem .9rem; border: 2px solid var(--linka); border-radius: var(--zaobleni); background: var(--bg); color: var(--text); font: 1rem var(--font-text); }
  .menu__hledat input:focus { border-color: var(--oranzova); outline: none; }
  .menu__hledat button { display: grid; place-items: center; width: 48px; border: 0; border-radius: var(--zaobleni); background: var(--tl-modra); color: #fff; cursor: pointer; }
}
/* název v hlavičce: na mobilu vždy dva řádky „Adorea – dobrovolnické / centrum Vsetín, z. s.“ (Pepa 21. 10.) */
@media (max-width: 700px) {
  .logo__nazev > span { display: block; white-space: nowrap; }
  .logo__nazev { font-size: clamp(.72rem, 3.65vw, 1.05rem); line-height: 1.25; min-width: 0; }
}
/* ikona menu: u otevřeného menu křížek */
.burger span, .burger span::before, .burger span::after { transition: transform .2s, background-color .2s; }
.burger[aria-expanded="true"] span { background: transparent; }
.burger[aria-expanded="true"] span::before { transform: translateY(6px) rotate(45deg); }
.burger[aria-expanded="true"] span::after { transform: translateY(-6px) rotate(-45deg); }
@media (prefers-reduced-motion: reduce) { .burger span, .burger span::before, .burger span::after { transition: none; } }

/* ===== nahled/styly/l-vase-b.css ===== */
/* Podle Vás B — Pepa 21. 10. 2026: tělo stejné jako „Podle Vás“ (k-vase: písmo, úvod s plochou, tři dveře),
   jiná je jen hlavička: šedá tlačítka menu v jedné řadě, na mobilu pod oranžovou linkou hned „Chci pomáhat“, „Podpořte nás“ a Menu,
   a fotka v úvodu je při každém otevření jiná. */
:root { --sede-tl: #efebe5; --oranzova-tl: var(--oranzova); /* klasická oranžová z loga (Pepa 21. 10.); bílé písmo na ní má kontrast jen 2,75 : 1 */ }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --sede-tl: #1c1c1f; --oranzova-tl: var(--oranzova); } }
:root[data-theme="dark"] { --sede-tl: #1c1c1f; --oranzova-tl: var(--oranzova); }

/* hlavička */
.hlava .socialni a { background: var(--tl-modra); color: #fff; }
.hlava .socialni a:hover { background: var(--oranzova-tl); color: #fff; }
.hlava__menu { background: var(--bg); border-top-width: 5px; padding-block: .75rem; box-shadow: 0 6px 16px rgb(31 38 102 / .06); }
.hlava--radky .menu__seznam { gap: .45rem; }
.hlava--radky .menu__seznam > li { border-width: 1.5px; background: var(--sede-tl); }
.hlava--radky .menu__seznam > li.menu-item--podporit { margin-left: 0; }  /* v řadě s ostatními, bez mezery */

/* rychlá tlačítka – jen na mobilu a tabletu (od 1140 px je vidět celé menu) */
.hlava__rychle { display: none; }
.rychle { display: grid; place-items: center; min-height: 46px; padding: .4rem .6rem; border-radius: var(--zaobleni); white-space: nowrap;
  font: 800 1rem/1.15 var(--font-nadpis); text-align: center; text-decoration: none; color: #fff; }
.rychle--modre { background: var(--tl-modra); }
.rychle--oranzove { background: var(--oranzova-tl); }
.rychle:hover { color: #fff; filter: brightness(.92); }
@media (max-width: 1139px) {
  .hlava__menu { padding-block: .6rem; }
  .hlava__rychle { display: grid; grid-template-columns: 1fr 1fr auto; gap: .45rem; }
  .hlava__rychle .burger { display: inline-grid; min-height: 46px; background: var(--sede-tl); border-color: var(--linka); color: var(--hlavni); }
  .hlava--radky .menu__seznam { padding: .6rem 0 .2rem; gap: .4rem; }
  .hlava--rychle .menu__seznam > li.menu-item--podporit { display: none; }  /* je nad menu jako rychlé tlačítko */
}
@media (max-width: 700px) {
  .hlava__horni { flex-wrap: nowrap; gap: .75rem; padding-block: .6rem; }
  .hlava__horni .hlava__akce { width: auto; }
  .hlava .rezim { display: none; }  /* noční režim jen na větších displejích, ať se název vejde */
}
/* úzký mobil: u Menu jen ikonka (nápis zůstává pro čtečky), ať se obě tlačítka vejdou na jeden řádek */
/* tři stejná tlačítka – stejná šířka i písmo (Pepa 21. 10.); písmo roste s šířkou displeje, ať se „Chci pomáhat“ vejde i na 320 px */
@media (max-width: 1139px) {
  .hlava__rychle { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(.25rem, 1.2vw, .45rem); }
  .rychle, .hlava__rychle .burger { min-width: 0; width: auto; padding: 0 .2rem; font: 800 clamp(.75rem, 3.6vw, 1rem)/1.15 var(--font-nadpis); }
  .hlava__rychle .burger { justify-content: center; gap: .4em; }
}

/* fotka v úvodu: zaoblená jako v „Podle Vás“, při každém otevření jiná (vybírá skript) */
.prolinani { position: relative; aspect-ratio: 4 / 3; border-radius: 22px; overflow: hidden; background: var(--bg); }
.prolinani img { position: absolute; inset: 0; width: 100%; height: 100%; aspect-ratio: auto; object-fit: cover; border-radius: 0; display: none; }
.prolinani img.aktivni { display: block; }

/* text méně roztažený (Pepa 21. 10.: „je moc roztažené“) */
body { line-height: 1.5; }
.obsah li { margin-bottom: .3rem; }
.dva-bloky { gap: 2rem 3rem; }

@media (max-width: 1139px) {
  /* v rozbaleném menu je Chci pomáhat jako ostatní položky – modré tlačítko je hned nad ním (Pepa 21. 10.) */
  .hlava--rychle .menu__seznam > li.menu-item--pomahat:not(.current-menu-item):not(.current-menu-ancestor) { background: var(--sede-tl); border-color: var(--linka); }
  .hlava--rychle .menu__seznam > li.menu-item--pomahat > a, .hlava--rychle .menu__seznam > li.menu-item--pomahat > .menu__rozbal { color: var(--hlavni); }

  /* přilepená lišta: horní řádek (název, Facebook) odjede, zůstane logo, lupa a Menu */
  html { scroll-padding-top: 5rem; }
  .hlava--rychle { position: sticky; top: calc(-1 * var(--horni, 0px)); z-index: 30; }
  .hlava--prilepena .hlava__rychle { grid-template-columns: 1fr auto; }
  .hlava--prilepena .rychle { display: none; }
  .hlava--prilepena .hlava__mini { display: flex; align-items: center; }
  .hlava__mini img { width: 84px; height: auto; }
  .hlava__mini .logo__tmave { display: none; }
  :root[data-theme="dark"] .hlava__mini img:first-child { display: none; }
  :root[data-theme="dark"] .hlava__mini .logo__tmave { display: block; }
  /* tmavý režim podle zařízení (bez ručního přepnutí) – jinak jsou v liště oba znaky (Pepa 23. 10.) */
  @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .hlava__mini img:first-child { display: none; } :root:not([data-theme="light"]) .hlava__mini .logo__tmave { display: block; } }
  .hlava--prilepena .hlava__rychle .burger { min-width: 6.5rem; }
  .hlava--prilepena .menu__seznam > li.menu-item--podporit { display: flex; }  /* oranžové tlačítko v liště není, v menu ano */
  .hlava--prilepena .menu.otevrene { max-height: calc(100vh - 6rem); overflow-y: auto; overscroll-behavior: contain; }
}
@media (max-width: 380px) {
  .hlava__horni { gap: .5rem; }
  .logo--radky img { width: 62px; }
  .hlava__horni .hlava__akce { gap: .3rem; }
}

/* A. Šmerdová 22. 10.: v hlavičce jen znak (A s panáčkem), celé logo zůstává v patičce; menší hlavní nadpis */
.logo--znak img { width: 76px; height: auto; }
.hlava__mini img { width: 46px; }
@media (max-width: 700px) { .logo--znak img { width: 58px; } }
@media (max-width: 380px) { .logo--znak img { width: 50px; } }
.uvod--vase h1 { font-size: clamp(1.75rem, 1.3rem + 1.5vw, 2.5rem); }
@media (max-width: 700px) { .uvod--vase h1 { font-size: 1.6rem; } }

/* ===== nahled/styly/m-podpis.css ===== */
/* Podle Vás B · barvy z podpisu — barvy nového e-mailového podpisu A. Šmerdové (21. 10. 2026):
   sytější modrá (jméno a název v podpisu), světle modrošedý podklad (rámeček s kontakty), světle oranžová linka. */
/* jen ve světlém režimu: ručně zvolený světlý, nebo systém není tmavý (dřív :root:not([data-theme="dark"]) přebilo i systémový tmavý režim) */
:root[data-theme="light"] { --hlavni: #2e3a8a; --odkaz: #2e3a8a; --plocha: #f3f5fa; --linka: #dfe3ee; --sede-tl: #eceff7; --oranzova-svetla: #fdeee0; }
@media not (prefers-color-scheme: dark) { :root:not([data-theme="dark"]) { --hlavni: #2e3a8a; --odkaz: #2e3a8a; --plocha: #f3f5fa; --linka: #dfe3ee; --sede-tl: #eceff7; --oranzova-svetla: #fdeee0; } }
/* tmavý režim přebírá z k-vase (tmavě modrá) */
.hlava__menu { border-top-color: #f2a36b; }  /* linka jako svislá čára v podpisu */

/* ===== sablona/adorea/assets/css/navic.css ===== */
/* Jen pro šablonu WordPressu (v náhledu není): formuláře, lišta souhlasu, příběhy laureátů, nabídka ↔ organizace, QR platba.
   Zbytek stylů se skládá z náhledu – nastroje/sablona_css.py. */
.formular .tl:disabled { opacity: .6; cursor: wait; }
.past { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.formular-hotovo { margin-top: 1.25rem; padding: 1.1rem 1.25rem; border-radius: var(--zaobleni); background: var(--oranzova-svetla); border-left: 4px solid var(--akcent); }
.formular-hotovo:focus { outline: none; }
.formular-chyba { margin: 0; padding: .8rem 1rem; border-radius: 8px; border-left: 4px solid #b3261e; background: color-mix(in srgb, #b3261e 10%, var(--bg)); }

/* lišta souhlasu s měřením – nesmí krýt šipku nahoru (ta se posune nad ni) */
.souhlas { position: fixed; left: 1rem; right: 1rem; bottom: 1rem; z-index: 6; max-width: 640px; padding: 1rem 1.25rem; border-radius: var(--zaobleni);
  background: var(--bg); color: var(--text); border: 1px solid var(--linka); box-shadow: 0 4px 24px rgb(0 0 0 / .18); font-size: .95rem; }
.souhlas p { margin: 0; }
.souhlas__tl { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .75rem !important; }
.souhlas[hidden] { display: none; }
@media (max-width: 760px) { .nahoru { bottom: calc(1rem + var(--souhlas-v, 0px)); } }
.odkaz-tl { background: none; border: 0; padding: 0; font: inherit; color: var(--odkaz); text-decoration: underline; cursor: pointer; }

/* Křesadlo: příběhy laureátů pod sebou */
.pribehy { display: grid; gap: 0; }
.pribeh-l { display: grid; gap: .75rem 3rem; padding: 2rem 0; border-top: 1px solid var(--linka); scroll-margin-top: 1rem; }
.pribeh-l:first-child { border-top: 0; padding-top: 0; }
@media (min-width: 860px) { .pribeh-l { grid-template-columns: minmax(0, 17rem) minmax(0, 40rem); } }
.pribeh-l__hlava h2 { margin: 0 0 .25rem; font-size: 1.5rem; padding-top: .6rem; border-top: 3px solid var(--akcent); display: inline-block; }
.pribeh-l__nominace { color: var(--tlumene); font-size: .95rem; margin: 0; }
.pribeh-l__foto { display: block; width: 100%; max-width: 12rem; height: auto; border-radius: var(--zaobleni); margin-bottom: .9rem; }
.pribeh-l__text p { margin: 0 0 .8rem; font-size: 1.05rem; line-height: 1.65; }
.pribeh-l__text p:last-child { margin-bottom: 0; }
.pribeh-l .sdilej-blok { margin: 1rem 0 0; }
.pribeh-l .sd { min-height: 36px; width: 36px; padding: 0; justify-content: center; }
.pribeh-l .sd > span:not(.sr) { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

/* nabídka ↔ organizace */
.org-info { margin: 1.75rem 0; padding: 1.25rem 1.4rem; border-radius: var(--zaobleni); background: var(--plocha); }
.org-info h2 { margin: .1rem 0 .5rem; font-size: 1.25rem; }
.org-info p { margin: 0 0 .7rem; }
.org-info__odkazy { margin: 0 !important; font-size: .95rem; }
.org-karta--hleda { border-color: var(--akcent); }
.org-karta__hleda { color: var(--text) !important; background: var(--oranzova-svetla); padding: .5rem .7rem; border-radius: 8px; }
.org-karta { scroll-margin-top: 1rem; }
.org-karta:target { outline: 3px solid var(--akcent); outline-offset: 2px; }

.filtr__tl--hleda { border-color: var(--akcent); }
.filtr__pocet { display: inline-grid; place-items: center; min-width: 1.4em; height: 1.4em; margin-left: .3em; padding: 0 .3em; border-radius: 99px;
  background: var(--akcent); color: #fff; font-size: .8em; }

.dar__qr-kod { width: 140px; aspect-ratio: 1; background: #fff; border-radius: 6px; }
.dar__qr-kod svg { width: 100%; height: 100%; display: block; padding: 0; }
.dar__qr figcaption span { font-size: .8rem; }
.formular-tel { margin-top: 1rem !important; }
/* QR platba pod textem (vedle čísla účtu se do karty nevejde) */
.dar-karta--hlavni { grid-template-columns: minmax(0, 1fr); }
.dar-karta--hlavni .dar__qr { grid-column: 1; grid-row: auto; display: flex; align-items: center; gap: 1rem; margin-top: 1rem; text-align: left; justify-self: start; }
.dar-karta--hlavni .dar__qr figcaption { font-size: .95rem; color: var(--text); font-weight: 700; }
.dar-karta--hlavni .dar__qr figcaption span { font-weight: 400; color: var(--tlumene); }
.dar-karta--hlavni .dar__qr-kod { width: 120px; flex: none; }

/* Chci pomáhat ve WordPressu: kroky jsou upravitelný seznam „<strong>Nadpis</strong> text“ – tučný začátek vypadá jako nadpis karty (v náhledu h3) */
.kroky--sest li { color: var(--tlumene); font-size: .95rem; line-height: 1.5; }
.kroky--sest li > strong:first-child { display: block; margin: .7rem 0 .4rem; font: 800 1.15rem/1.25 var(--font-nadpis); color: var(--nadpis, var(--text)); }
.siroka--postup > h2:first-child { margin-top: 0; }