/*
Theme Name: Romská stipendia 2026
Theme URI: https://www.romskastipendia.cz/
Author: RyNet.cz
Author URI: https://www.rynet.cz/
Description: Vlastní téma pro web Stipendijního programu ROMEA. Etapa 3 – redesign podle finálního návrhu odsouhlaseného po hlasování zaměstnanců (20. 9. 2026). Grafika návrhu 1 „Sestra“ s citáty studentů z návrhu 3, struktura B „Pro koho“. Bez jQuery, Bootstrapu a page builderů.
Version: 0.1.0
Requires at least: 6.5
Tested up to: 7.1
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: romskastipendia-2026
Tags: custom-theme

   POZOR: od značky níž je CSS finálního návrhu (navrh-2026/finale/style.css)
   převzaté BEZE ZMĚNY. Když se bude ladit vzhled, mění se tenhle soubor
   i návrh, ať se nerozejdou. Písma se nenačítají z Google Fonts, ale
   lokálně – zapojuje je assets/css/pisma.css.
*/

/* Romská stipendia · FINÁLNÍ NÁVRH po připomínkách z dotazníku (20. 9. 2026)
   Grafika návrhu 1 „Sestra" + citát studentky z návrhu 3 + struktura B „Pro koho".
   Barvy zjemněné podle připomínky, že oranžová a červená byly moc křiklavé.
   Základ: varianta 1 „Sestra"
   Rodinný znak s novým webem ROMEA: Bricolage Grotesque + Figtree, pilulková tlačítka,
   verzálkové štítky, zaoblení 18 px. Vlastní svět: modrošedá z loga + světle chladný podklad,
   okrový akcent, cihlová jen pro Darovat. */

:root{
  --plocha:#F4F6F7;        /* světle chladný podklad – ne krém jako ROMEA */
  --plocha-2:#E6EBEE;
  --tmava:#1E3442;         /* hluboká modrošedá odvozená z loga – hero, citát, patička */
  --tmava-2:#27455A;
  --ink:#17262F;
  --ink-soft:#46575F;
  --muted:#56666F;
  --linka:#D3DBE0;

  --akcent:#C08E52;        /* okrová, zjemněná (byla #D98E2B) – štítky, tlačítka, pás čísel */
  --akcent-tma:#8A6220;    /* okrová na světlém podkladu (kontrast) */
  --akcent-jas:#D9A25C;
  --cihla:#A8503C;         /* Darovat, zjemněná cihlová (byla #B5452E) */
  --cihla-jas:#BC6050;
  --modra:#49708A;         /* modrošedá z loga – tichá stopa */

  --nadpis:"Bricolage Grotesque","Segoe UI",system-ui,sans-serif;
  --text:"Figtree","Segoe UI",system-ui,sans-serif;
  --sirka:1320px;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
section[id],div[id]{scroll-margin-top:96px;}
body{margin:0; background:var(--plocha); color:var(--ink);
  font-family:var(--text); font-size:18px; line-height:1.58; -webkit-font-smoothing:antialiased;}
img{max-width:100%; display:block;}
a{color:inherit;}
.obal{max-width:var(--sirka); margin:0 auto; padding:0 36px;}

/* ---- hlavička ---- */
header.hlava{position:sticky; top:0; z-index:60; transition:background .25s;}
header.hlava::before{content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:linear-gradient(to bottom, rgba(20,36,48,.6), rgba(20,36,48,0)); transition:opacity .25s;}
header.hlava.najeto::before{opacity:0;}
header.hlava.najeto{background:var(--tmava); box-shadow:0 1px 0 rgba(255,255,255,.1);}
header.hlava.pevna{background:var(--tmava);}
header.hlava.pevna::before{display:none;}
.hlava .obal{display:flex; align-items:center; gap:36px; padding:22px 36px;}
.logo{display:flex; align-items:center; gap:14px; text-decoration:none; color:#F4F6F7;}
.logo img{height:40px; width:auto;}
.logo small{display:block; font-size:12px; letter-spacing:.1em; text-transform:uppercase; color:#C5D0D7; margin-top:2px;}
.logo small b{color:var(--akcent-jas); font-weight:700;}
.menu{display:flex; gap:30px; margin-left:auto; align-items:center;}
.menu a{color:#F4F6F7; text-decoration:none; font-size:16.5px; font-weight:600; letter-spacing:-.01em;}
.menu a:hover{color:var(--akcent-jas);}
.darovat{background:var(--cihla); color:#FBF7EF!important; padding:13px 28px; border-radius:100px; font-weight:700!important;}
.darovat:hover{background:#984836;}

/* ---- hero ---- */
.hero{position:relative; margin-top:-96px; min-height:min(calc(100svh - 96px), 840px); display:flex; flex-direction:column;
  justify-content:flex-end; background:var(--tmava); overflow:hidden;}
.hero > img,.hero > video{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 40%;}
.hero > img{transform-origin:55% 35%; animation:priblizeni 26s ease-in-out infinite alternate;}
/* zde poběží video – zatím simulace pomalým nájezdem kamery */
@keyframes priblizeni{from{transform:scale(1);} to{transform:scale(1.14);}}
.pozn-video{position:absolute; right:36px; top:118px; z-index:4; font-size:12px; letter-spacing:.06em; text-transform:uppercase;
  color:rgba(244,246,247,.6); border:1px solid rgba(244,246,247,.3); padding:6px 12px; border-radius:100px; background:rgba(20,36,48,.35);}
.hero::after{content:""; position:absolute; inset:0; z-index:1;
  background:linear-gradient(to top, rgba(20,36,48,.96) 0%, rgba(20,36,48,.55) 42%, rgba(20,36,48,.18) 70%, rgba(20,36,48,.55) 100%);}
.hero .obal{position:relative; z-index:2; padding-top:146px; color:#F7F9FA;}
.hero .oci{color:var(--akcent-jas);}
.hero h1{font-family:var(--nadpis); font-weight:700; font-size:clamp(38px,5.6vw,72px);
  line-height:1.02; letter-spacing:-.03em; margin:0 0 20px; max-width:17ch; text-wrap:balance;}

/* střídání informace o programu a citátů studentů */
.hero-stridani{display:grid; margin-bottom:26px;}
.hero-stridani .snimek{grid-area:1 / 1; opacity:0; visibility:hidden; transition:opacity .7s ease;}
.hero-stridani .snimek.je-videt{opacity:1; visibility:visible;}
.hero-stridani .pod{margin-bottom:0;}
.hero-stridani cite{margin-bottom:0;}

/* citát studentky – prvek z návrhu 3, v typografii a barvách návrhu 1 */
.hero blockquote{font-family:var(--nadpis); font-weight:600; margin:0 0 14px;
  font-size:clamp(21px,2.3vw,30px); line-height:1.18; letter-spacing:-.02em; max-width:26ch;
  color:#F7F9FA; padding-left:22px; border-left:4px solid var(--akcent);}
.hero cite{font-style:normal; display:block; font-size:16px; color:#A3B1BA; margin:0; padding-left:26px;}
.hero cite b{color:#EEF2F4; font-weight:700; display:block; font-size:17.5px; margin-bottom:2px;}

/* portrét vedle celého citátu */
.snimek-citat{display:flex; align-items:center; gap:26px;}
.snimek-citat .portret{width:124px; height:124px; border-radius:50%; object-fit:cover; flex:none;
  border:3px solid rgba(244,246,247,.3); box-shadow:0 10px 26px -12px rgba(0,0,0,.7);}
.hero p.pod{font-size:19.5px; line-height:1.5; max-width:48ch; margin:0 0 30px; color:#D2DBE1;}
.cta{display:flex; gap:14px; flex-wrap:wrap; align-items:center; margin-bottom:44px;}
.btn{display:inline-block; text-decoration:none; font-weight:700; font-size:17px;
  padding:17px 36px; border-radius:100px; border:2px solid transparent; letter-spacing:-.01em; transition:background .2s, border-color .2s;}
.btn-akcent{background:var(--akcent); color:var(--ink);}
.btn-akcent:hover{background:var(--akcent-jas);}
.btn-cihla{background:var(--cihla); color:#FBF7EF;}
.btn-cihla:hover{background:#984836;}
.btn-obrys{border-color:rgba(244,246,247,.45); color:#F7F9FA;}
.btn-obrys:hover{border-color:#F7F9FA;}
.btn-uhel{background:var(--tmava); color:var(--plocha);}
.btn-uhel:hover{background:var(--tmava-2);}
.btn-obrys-tmavy{border-color:var(--tmava); color:var(--tmava);}
.btn-obrys-tmavy:hover{background:var(--tmava); color:var(--plocha);}

/* aktuality ve spodku hero – zaoblené „bubliny" (prvek z návrhu 4) */
.hero-zpravy{position:relative; z-index:2;}
.hero-zpravy .obal{display:grid; grid-template-columns:repeat(3,1fr); gap:14px; align-items:stretch;
  padding-top:0; padding-bottom:26px;}
.hero-zpravy a{display:block; padding:16px 20px; text-decoration:none; color:#EEF2F4;
  background:rgba(244,246,247,.1); border:1px solid rgba(244,246,247,.2); border-radius:16px;
  transition:background .2s, transform .2s;}
.hero-zpravy a:hover{background:rgba(244,246,247,.2); transform:translateY(-3px);}
.hero-zpravy .meta{display:block; font-size:12.5px; color:#A3B1BA; margin-bottom:5px;}
.hero-zpravy b{font-family:var(--nadpis); font-weight:600; font-size:16.5px; line-height:1.22; letter-spacing:-.01em; display:block;}

/* ---- pás termínů ---- */
.terminy{background:var(--tmava); color:#EEF2F4;}
.terminy .obal{display:flex; align-items:center; gap:28px; flex-wrap:wrap; padding-top:20px; padding-bottom:20px;
  border-top:1px solid rgba(244,246,247,.1);}
.terminy .oci{margin:0; color:var(--akcent-jas); flex:none;}
.terminy ul{list-style:none; margin:0; padding:0; display:flex; gap:28px; flex-wrap:wrap; font-size:16px; color:#C5D0D7;}
.terminy li b{color:#F7F9FA; font-weight:700;}
.terminy .btn{margin-left:auto; padding:12px 24px; font-size:15.5px;}

/* ---- sekce ---- */
section{padding:104px 0;}
.oci{font-size:14px; letter-spacing:.14em; text-transform:uppercase; color:var(--akcent-tma); font-weight:700; margin:0 0 18px;}
h2{font-family:var(--nadpis); font-weight:700; font-size:clamp(34px,5.2vw,62px);
  line-height:1.02; letter-spacing:-.03em; margin:0 0 22px; text-wrap:balance; max-width:18ch;}
.vedouci{font-size:20px; color:var(--ink-soft); max-width:56ch; margin:0 0 52px;}
.hlava-sekce{display:flex; justify-content:space-between; align-items:flex-end; gap:32px; flex-wrap:wrap; margin-bottom:44px;}
.hlava-sekce h2{margin-bottom:0;}
.hlava-sekce .vedouci{margin:0;}
.odkaz-dal{font-weight:700; color:var(--akcent-tma); text-decoration:none; font-size:17px; white-space:nowrap;}
.odkaz-dal:hover{color:var(--tmava);}

/* program – asymetrická mřížka karet s fotkou */
.slozky{display:grid; grid-template-columns:repeat(6,1fr); gap:24px;}
.slozka{position:relative; overflow:hidden; border-radius:18px; text-decoration:none;
  display:flex; align-items:flex-end; background:var(--tmava); min-height:320px;}
.slozka{grid-column:span 2; min-height:380px;}
.slozka img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.62; transition:transform .6s, opacity .4s;}
.slozka::after{content:""; position:absolute; inset:0; background:linear-gradient(to top, rgba(20,36,48,.94) 10%, rgba(20,36,48,.12) 70%);}
.slozka:hover img{transform:scale(1.05); opacity:.74;}
.slozka .txt{position:relative; z-index:2; padding:34px; color:#F4F6F7;}
.slozka .krok{display:inline-block; font-size:12.5px; letter-spacing:.14em; text-transform:uppercase; font-weight:700;
  color:var(--akcent-jas); margin-bottom:12px;}
.slozka h3{font-family:var(--nadpis); font-weight:700; font-size:clamp(24px,2.6vw,34px);
  letter-spacing:-.025em; margin:0 0 8px; line-height:1.04;}
.slozka p{margin:0; font-size:16.5px; color:#C5D0D7; max-width:44ch;}

.navic{display:flex; gap:12px; flex-wrap:wrap; margin-top:28px; align-items:center;}
.navic span.uvod{font-size:15px; color:var(--muted); font-weight:600; margin-right:6px;}
.navic a{font-size:15.5px; font-weight:600; text-decoration:none; color:var(--ink);
  background:#fff; border:1px solid var(--linka); border-radius:100px; padding:10px 18px;}
.navic a:hover{border-color:var(--akcent); color:var(--akcent-tma);}

/* co studenti vracejí – světlý pruh, jiný než karty výš */
.vraci{display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:0; margin-top:24px; text-decoration:none;
  background:var(--plocha-2); border-radius:18px; overflow:hidden; border:1px solid var(--linka); transition:border-color .2s;}
.vraci:hover{border-color:var(--modra);}
.vraci .obr{aspect-ratio:4/3; min-height:100%;}
.vraci .obr img{width:100%; height:100%; object-fit:cover;}
.vraci .txt{padding:40px 44px; display:flex; flex-direction:column; justify-content:center;}
.vraci .krok{display:inline-block; font-size:12.5px; letter-spacing:.14em; text-transform:uppercase; font-weight:700; color:#3E6178; margin-bottom:12px;}
.vraci h3{font-family:var(--nadpis); font-weight:700; font-size:clamp(24px,2.4vw,32px); letter-spacing:-.025em; margin:0 0 10px; line-height:1.06; color:var(--ink);}
.vraci p{margin:0 0 18px; font-size:16.5px; color:var(--ink-soft); max-width:52ch;}
.vraci .sipka{font-weight:700; color:#3E6178; font-size:16px;}

/* pás čísel */
.cisla{background:var(--akcent); color:var(--ink);}
.cisla .obal{display:grid; grid-template-columns:repeat(4,1fr); gap:34px; padding:80px 36px;}
.cisla b{display:block; font-family:var(--nadpis); font-weight:700; font-size:clamp(46px,6vw,76px);
  line-height:.94; letter-spacing:-.035em; margin-bottom:12px;}
.cisla span{font-size:16.5px; color:#3A2A10; display:block; line-height:1.4;}

/* citát */
.citat{background:var(--tmava); color:#F4F6F7; display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); align-items:stretch;}
.citat .portret{position:relative; min-height:560px; overflow:hidden;}
.citat .portret img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:52% 26%;}
.citat .slova{padding:96px 8vw 96px 72px; display:flex; flex-direction:column; justify-content:center; max-width:820px;}
.citat .oci{color:var(--akcent-jas); margin:0 0 24px;}
.citat blockquote{font-family:var(--nadpis); font-weight:700; margin:0 0 32px;
  font-size:clamp(28px,3.4vw,48px); line-height:1.08; letter-spacing:-.03em; text-wrap:balance;}
.citat cite{font-style:normal; font-size:17px; color:#A3B1BA; margin-bottom:34px;}
.citat cite b{display:block; color:#F4F6F7; font-size:20px; font-weight:700; margin-bottom:4px;}
.citat .btn{align-self:flex-start;}

/* pro vás */
.provas{display:grid; grid-template-columns:repeat(4,1fr); gap:20px;}
.provas a{background:var(--plocha-2); border-radius:18px; padding:38px 32px; text-decoration:none;
  display:flex; flex-direction:column; transition:transform .25s, background .25s;}
.provas a:hover{background:#DAE2E7; transform:translateY(-4px);}
.provas h3{font-family:var(--nadpis); font-weight:700; font-size:27px; letter-spacing:-.025em; margin:0 0 12px; line-height:1.06;}
.provas p{font-size:16.5px; color:var(--ink-soft); margin:0 0 24px; flex:1;}
.provas .sipka{font-weight:700; font-size:16.5px; color:var(--akcent-tma);}

/* aktuality */
.zpravy{display:grid; grid-template-columns:repeat(3,1fr); gap:28px;}
.zprava{text-decoration:none; display:block;}
.zprava .foto{aspect-ratio:4/3; overflow:hidden; border-radius:16px; margin-bottom:20px; background:var(--plocha-2);}
.zprava .foto img{width:100%; height:100%; object-fit:cover; transition:transform .6s;}
.zprava:hover .foto img{transform:scale(1.05);}
.zprava .meta{font-size:14px; letter-spacing:.1em; text-transform:uppercase; color:var(--akcent-tma); font-weight:700; margin-bottom:10px;}
.zprava h3{font-family:var(--nadpis); font-weight:700; font-size:23px; line-height:1.14; letter-spacing:-.02em; margin:0 0 10px;}
.zprava p{font-size:16.5px; color:var(--ink-soft); margin:0;}

/* aukce – tichý pás s modrošedou stopou loga */
.aukce{background:var(--plocha-2); border-top:1px solid var(--linka); border-bottom:1px solid var(--linka);}
.aukce .obal{display:grid; grid-template-columns:1.1fr .9fr; gap:56px; align-items:center; padding-top:72px; padding-bottom:72px;}
.aukce .oci{color:#3E6178;}
.aukce h2{max-width:16ch;}
.aukce p{font-size:18px; color:var(--ink-soft); max-width:52ch; margin:0 0 26px;}
.dila{display:grid; grid-template-columns:repeat(3,1fr); gap:14px;}
.dilo{aspect-ratio:3/4; border-radius:14px; background:linear-gradient(160deg,#CBD5DB,#9FB0BA); position:relative; overflow:hidden;}
.dilo span{position:absolute; left:12px; right:12px; bottom:12px; font-size:13px; color:var(--tmava); line-height:1.3; font-weight:600;}
.dilo i{position:absolute; top:12px; right:12px; font-style:normal; font-size:10.5px; letter-spacing:.12em; text-transform:uppercase;
  font-weight:800; color:#fff; background:var(--cihla); padding:4px 8px; border-radius:100px; transform:rotate(6deg);}

/* podpora */
.podpora{background:var(--cihla); color:#FBF7EF;}
.podpora .obal{display:grid; grid-template-columns:1.1fr 1fr; gap:64px; align-items:center; padding:96px 36px;}
.podpora .oci{color:#F6D7CF;}
.podpora h2{color:#FBF7EF; max-width:15ch;}
.podpora p{font-size:19px; color:#FAEBE6; margin:0 0 30px; max-width:46ch;}
.castky{display:grid; gap:14px;}
.castka{background:rgba(244,246,247,.12); border:1px solid rgba(244,246,247,.22); border-radius:14px;
  padding:22px 26px; display:flex; align-items:baseline; gap:20px; text-decoration:none; color:#FBF7EF; transition:background .2s;}
.castka:hover{background:rgba(244,246,247,.2);}
.castka b{font-family:var(--nadpis); font-size:30px; font-weight:700; letter-spacing:-.03em; min-width:132px;}
.castka span{font-size:16.5px; color:#FAEBE6;}
.castka.doporucena{border-color:#FBF7EF; background:rgba(244,246,247,.18);}
.castka.doporucena em{font-style:normal; font-size:11.5px; letter-spacing:.12em; text-transform:uppercase; font-weight:800;
  background:#FBF7EF; color:var(--cihla); padding:3px 8px; border-radius:100px; margin-left:auto;}

/* dárci */
.darci{padding:64px 0;}
.darci .oci{text-align:center; margin-bottom:34px;}
.loga{display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:22px 44px;}
.loga img{height:44px; width:auto; max-width:150px; object-fit:contain; filter:grayscale(1) contrast(.9); opacity:.7; transition:filter .2s, opacity .2s;}
.loga img:hover{filter:none; opacity:1;}

/* patička */
footer.pata{background:var(--tmava); color:#B7C3CB; padding:76px 0 36px; font-size:16.5px;}
footer.pata a{color:#B7C3CB; text-decoration:none;}
footer.pata a:hover{color:var(--akcent-jas);}
.pata-mrizka{display:grid; grid-template-columns:1.6fr 1fr 1fr 1fr; gap:44px; padding-bottom:44px; border-bottom:1px solid #2F4A5D;}
.pata-mrizka h4{font-size:13px; letter-spacing:.14em; text-transform:uppercase; color:var(--akcent-jas); margin:0 0 18px; font-weight:700;}
.pata-mrizka ul{list-style:none; margin:0; padding:0;}
.pata-mrizka li{padding:5px 0;}
.pata-mrizka p{color:#96A5AE; font-size:16px; margin:0 0 14px;}
.rodina{display:flex; align-items:center; gap:16px; margin-top:22px; padding:16px 18px; border:1px solid #2F4A5D; border-radius:14px; max-width:420px;}
.rodina img{height:34px; width:auto; opacity:.9;}
.rodina span{font-size:14.5px; line-height:1.35; color:#A3B1BA;}
.rodina span a{color:#EEF2F4; font-weight:600;}
.pata-spod{display:flex; justify-content:space-between; gap:20px; padding-top:26px; font-size:14px; color:#93A2AB; flex-wrap:wrap;}

/* ---- vnitřní stránky ---- */
.hlava-strany{background:var(--tmava); color:#F4F6F7; position:relative; overflow:hidden; margin-top:-96px;}
.hlava-strany > img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.34; object-position:50% 35%;}
.hlava-strany::after{content:""; position:absolute; inset:0; background:linear-gradient(to top, rgba(20,36,48,.9), rgba(20,36,48,.2));}
.hlava-strany .obal{position:relative; z-index:2; padding-top:150px; padding-bottom:84px;}
.drobky{font-size:15px; color:#A3B1BA; margin:0 0 26px;}
.drobky a{text-decoration:none;}
.drobky a:hover{color:var(--akcent-jas);}
.hlava-strany .oci{color:var(--akcent-jas);}
.hlava-strany h1{font-family:var(--nadpis); font-weight:700; font-size:clamp(42px,6.6vw,84px);
  line-height:.98; letter-spacing:-.035em; margin:0 0 24px; max-width:15ch;}
.hlava-strany p{font-size:20px; color:#D2DBE1; max-width:56ch; margin:0;}

.dvojice{display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:72px; align-items:start;}

/* cesta programem */
.cesta{display:grid; gap:0;}
.krok-programu{display:grid; grid-template-columns:64px 1fr 1fr; gap:0 40px; align-items:center; padding:48px 0; border-top:1px solid var(--linka);}
.krok-programu:first-child{border-top:0; padding-top:0;}
.krok-programu .cislo{font-family:var(--nadpis); font-weight:700; font-size:44px; letter-spacing:-.04em; color:var(--akcent); line-height:1; align-self:start;}
.krok-programu .obr{border-radius:18px; overflow:hidden; aspect-ratio:4/3;}
.krok-programu .obr img{width:100%; height:100%; object-fit:cover;}
.krok-programu:nth-child(even) .obr{order:3;}
.krok-programu:nth-child(even) .txt{order:2;}
.krok-programu h3{font-family:var(--nadpis); font-weight:700; font-size:34px; letter-spacing:-.03em; margin:0 0 14px; line-height:1.04;}
.krok-programu p{font-size:17.5px; color:var(--ink-soft); margin:0 0 14px;}
.krok-programu ul{margin:0 0 16px; padding-left:20px; color:var(--ink-soft); font-size:16.5px;}
.krok-programu li{padding:2px 0;}
.krok-programu .odkaz{font-weight:700; color:var(--akcent-tma); text-decoration:none; font-size:17px;}
.krok-programu .odkaz:hover{color:var(--tmava);}

.predel-vraci{padding:56px 0 8px; border-top:1px solid var(--linka);}
.predel-vraci .oci{margin:0; color:#3E6178;}
.krok-programu.vraci{border-top:0; padding-top:24px;}
.krok-programu.vraci .cislo{color:#3E6178;}

/* výpis tiskových zpráv na stránce Pro média */
.tz-seznam{display:grid; gap:12px; margin-top:8px;}
.tz{display:grid; grid-template-columns:118px 1fr; gap:24px; align-items:start; text-decoration:none;
  background:#fff; border:1px solid var(--linka); border-radius:18px; padding:24px 28px;
  transition:border-color .2s, transform .2s;}
.tz:hover{border-color:var(--akcent); transform:translateX(4px);}
.tz .datum{font-size:14.5px; font-weight:600; color:var(--muted); letter-spacing:.02em; padding-top:3px;}
.tz h3{font-family:var(--nadpis); font-weight:700; font-size:21px; line-height:1.18; letter-spacing:-.02em; margin:0 0 8px;}
.tz p{margin:0; font-size:16px; color:var(--ink-soft);}
@media (max-width:640px){ .tz{grid-template-columns:1fr; gap:8px; padding:20px 22px;} }

/* výše stipendia – doplněno podle připomínky „chybí částky" */
.castky-stipendia{display:grid; gap:8px; margin:0 0 18px;}
.castky-stipendia div{display:flex; align-items:baseline; gap:14px; background:var(--plocha-2);
  border-radius:12px; padding:12px 16px;}
.castky-stipendia b{font-family:var(--nadpis); font-weight:700; font-size:22px; letter-spacing:-.02em;
  color:var(--tmava); min-width:118px; white-space:nowrap;}
.castky-stipendia span{font-size:15.5px; color:var(--ink-soft);}

.postranni{position:sticky; top:118px;}
.box{background:var(--plocha-2); border-radius:18px; padding:30px; margin-bottom:22px;}
.box h4{font-size:13px; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); margin:0 0 16px; font-weight:700;}
.box ul{list-style:none; margin:0; padding:0; font-size:16.5px;}
.box li{padding:9px 0; border-top:1px solid var(--linka); display:flex; justify-content:space-between; gap:12px;}
.box li:first-child{border-top:0;}
.box li b{font-weight:700;}
.box p{font-size:16px; color:var(--ink-soft); margin:0 0 16px;}
.box .btn{display:block; text-align:center; padding:14px 22px; font-size:16px;}
.box.tmavy{background:var(--tmava); color:#DEE5E9;}
.box.tmavy h4{color:var(--akcent-jas);}
.box.tmavy p{color:#A3B1BA;}
.box.kontakt b{display:block; font-size:18px; color:var(--ink);}
.box.kontakt span{display:block; color:var(--muted); font-size:15px; margin-bottom:10px;}
.box.kontakt a{display:block; text-decoration:none; font-size:16px; padding:3px 0;}
.box input{width:100%; border:1px solid var(--linka); border-radius:100px; padding:12px 18px; font:inherit; font-size:16px; margin-bottom:10px; background:#fff;}

/* povinnosti – obousměrný program */
.obousmerny{background:var(--tmava); color:#EEF2F4;}
.obousmerny .obal{display:grid; grid-template-columns:1fr 1fr; gap:64px; padding-top:96px; padding-bottom:96px; align-items:start;}
.obousmerny .oci{color:var(--akcent-jas);}
.obousmerny h2{color:#F7F9FA;}
.obousmerny p{color:#C9C6B8; font-size:18.5px; max-width:48ch; margin:0 0 22px;}
.povinnosti{list-style:none; margin:0; padding:0; display:grid; gap:12px;}
.povinnosti li{background:rgba(244,246,247,.07); border:1px solid rgba(244,246,247,.14); border-radius:14px; padding:20px 24px; display:flex; gap:16px; align-items:flex-start;}
.povinnosti li::before{content:"✓"; flex:none; width:28px; height:28px; border-radius:50%; background:var(--akcent); color:var(--tmava);
  font-weight:800; display:flex; align-items:center; justify-content:center; font-size:15px; margin-top:2px;}
.povinnosti b{display:block; color:#F7F9FA; font-size:17.5px; margin-bottom:3px;}
.povinnosti span{font-size:15.5px; color:#B7C3CB;}

/* táž odrážková řada na světlém podkladu (stránka Pro média) –
   bez toho je bílý text na světlé ploše prakticky neviditelný */
.povinnosti-svetle li{background:var(--plocha-2); border-color:var(--linka);}
.povinnosti-svetle b{color:var(--ink);}
.povinnosti-svetle span{color:var(--ink-soft);}

/* výzva na konci stránky */
.vyzva{padding:96px 0; text-align:center;}
.vyzva h2{margin:0 auto 18px;}
.vyzva p{color:var(--ink-soft); font-size:19px; max-width:52ch; margin:0 auto 32px;}
.vyzva .cta{justify-content:center; margin-bottom:0;}

/* nízké okno: pás s termíny se schová celý pod ohyb, ať není uříznutý */
@media (max-height:840px){
  .hero{min-height:100svh;}
}

@media (max-width:1000px){
  .hero-zpravy .obal{grid-template-columns:1fr 1fr;}
  .slozky{grid-template-columns:1fr;}
  .slozka{grid-column:span 1; min-height:300px;}
  .vraci{grid-template-columns:1fr;}
  .vraci .obr{aspect-ratio:16/9;}
  .cisla .obal,.provas{grid-template-columns:1fr 1fr;}
  .zpravy{grid-template-columns:1fr 1fr;}
  .podpora .obal,.dvojice,.citat,.aukce .obal,.obousmerny .obal{grid-template-columns:1fr;}
  .citat .portret{min-height:340px;}
  .citat .slova{padding:56px 36px 64px;}
  .krok-programu{grid-template-columns:48px 1fr; row-gap:22px;}
  .krok-programu .obr,.krok-programu:nth-child(even) .obr{order:0; grid-column:2;}
  .krok-programu .txt,.krok-programu:nth-child(even) .txt{order:0; grid-column:2;}
  .pata-mrizka{grid-template-columns:1fr 1fr;}
  .postranni{position:static;}
  .terminy .btn{margin-left:0;}
}
@media (max-width:640px){
  body{font-size:17px;}
  .menu{display:none;}
  .hlava .obal{padding:16px 22px;}
  .obal{padding-left:22px; padding-right:22px;}
  .logo img{height:32px;}
  .cisla .obal,.provas,.zpravy,.pata-mrizka,.hero-zpravy .obal,.dila{grid-template-columns:1fr;}
  .hero-zpravy .obal{gap:10px;}
  .hero .obal{padding-top:130px;}
  .cta{margin-bottom:36px;}
  .snimek-citat{gap:16px;}
  .snimek-citat .portret{width:78px; height:78px; border-width:2px;}
  .pozn-video{display:none;}
  section{padding:72px 0;}
  .krok-programu{grid-template-columns:1fr;}
  .krok-programu .obr,.krok-programu .txt,.krok-programu:nth-child(even) .obr,.krok-programu:nth-child(even) .txt{grid-column:1;}
  .hero{min-height:auto;}
  .hero .obal{padding-top:120px;}
  .podpora .obal,.cisla .obal{padding:64px 22px;}
  .podpora .obal > *,.aukce .obal > *{min-width:0;}
  .castka{flex-wrap:wrap; gap:6px 16px; padding:18px 20px;}
  .castka b{min-width:0; font-size:26px;}
  .castka span{flex:1 1 100%;}
  .castka.doporucena em{margin-left:0;}
}
@media (prefers-reduced-motion:reduce){
  .hero > img{animation:none;}
  *{transition:none!important; scroll-behavior:auto;}
}


/* ---- detail aktuality ---- */
.clanek-hlava{background:var(--tmava); color:#F4F6F7; margin-top:-96px;}
.clanek-hlava .obal{padding-top:140px; padding-bottom:48px; max-width:1000px;}
.clanek-hlava .drobky{font-size:15px; color:#A3B1BA; margin:0 0 22px;}
.clanek-hlava .drobky a{text-decoration:none;}
.clanek-hlava .oci{color:var(--akcent-jas);}
.clanek-hlava h1{font-family:var(--nadpis); font-weight:700; font-size:clamp(32px,4.6vw,56px); line-height:1.06; letter-spacing:-.03em; margin:0 0 18px; text-wrap:balance; }
.clanek-meta{font-size:16px; color:#C5D0D7; margin:0;}
.clanek-meta b{color:#fff;}
.clanek-foto{margin:-24px 0 0; max-width:1000px;}
.clanek-foto img{border-radius:18px; width:100%; aspect-ratio:16/9; object-fit:cover; box-shadow:0 18px 40px -24px rgba(0,0,0,.5);}
.clanek-foto figcaption{font-size:14.5px; color:var(--muted); padding:12px 4px 0;}
.clanek-dvojice{display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:72px; align-items:start; padding-top:48px; padding-bottom:80px;}
.clanek-telo{max-width:720px; font-size:18.5px; line-height:1.7;}
.clanek-telo p{margin:0 0 22px;}
.clanek-telo p.uvod{font-size:21px; line-height:1.5; font-weight:500; color:var(--ink);}
.clanek-telo h2{font-family:var(--nadpis); font-weight:700; font-size:28px; line-height:1.12; margin:40px 0 14px; max-width:none; letter-spacing:-.02em;}
.clanek-telo blockquote{margin:36px 0; padding:0 0 0 24px; border-left:4px solid var(--akcent-tma); font-family:var(--nadpis); font-weight:600; font-size:clamp(21px,2.2vw,26px); line-height:1.25; letter-spacing:-.02em;}
.clanek-telo blockquote footer{font-family:var(--text); font-size:15px; color:var(--muted); margin-top:10px; font-weight:400; letter-spacing:0;}
.clanek-stitky{display:flex; gap:8px; flex-wrap:wrap; margin:36px 0 22px;}
.clanek-stitky span{font-size:14px; font-weight:600; border:1px solid var(--linka); border-radius:100px; padding:6px 14px; color:var(--ink-soft);}
.clanek-sdilet{display:flex; gap:8px; flex-wrap:wrap; align-items:center; padding-top:22px; border-top:1px solid var(--linka); font-size:15px;}
.clanek-sdilet b{margin-right:8px; color:var(--muted); font-weight:600;}
.clanek-sdilet a{text-decoration:none; font-weight:600; color:var(--akcent-tma); padding:6px 12px; border-radius:100px; background:var(--plocha-2);}
.clanek-dalsi{background:var(--plocha-2); border-top:1px solid var(--linka); padding:80px 0;}
@media (max-width:1000px){ .clanek-dvojice{grid-template-columns:1fr; gap:40px;} }
@media (max-width:640px){ .clanek-hlava .obal{padding-top:110px; padding-bottom:32px;} .clanek-telo{font-size:17.5px;} .clanek-dvojice{padding-top:32px; padding-bottom:56px;} }