/*
 * stranky/pribeh.css - sablona stranky pribehu klienta (mc/pribeh.php), K-001.
 *
 * Styluje jen tridy z customClass dokumentu Builderu (pri-*) nad motivem
 * publicmc-v1 / MC Signature (pmc-tokens.css, D-002). Zadna barva znacky natvrdo:
 * plocha uvodu = --pri-barva ze zaznamu klienta, zbytek z tokenu --pmc-*.
 *
 * Mereni reference (04_Pribehy_klientu, Winona Ryder + BRRCH, 1920 x 1080, 1:1),
 * podrobne v dukazy/K-001-sestava.md:
 *   profese verzalkami cap 13-14 px -> 20 px; jmeno cap 116 px -> 162 px, radek 142 px;
 *   perex 40 px / radek 48 px; text uvodu 20 px / 26 px, sirka 516 px;
 *   citace 46 px / radek 48 px, sirka 940 px; Q&A nadpis 52 px vlevo, odpovedi 790 px vpravo;
 *   fotka uvodu natocena cca -10 st., box 560 x 548 px.
 * Okraj reference 260 px se NEPREBIRA (pravidlo plne sirky): --pri-okraj max 200 px.
 * Selektory zacinaji .pri .cmc-b-document = vyssi specificita nez motiv (3 tridy).
 */

.pri {
  --pri-barva: #2b2b2b;
  --pri-na-barve: var(--pmc-bila);
  --pri-na-barve-tlumeny: rgba(255, 255, 255, .78);
  --pri-plocha: var(--pmc-bila);
  --pri-text: var(--pmc-cerna);
  --pri-tlumeny: var(--pmc-text-tlumeny);
  --pri-panel: var(--pmc-cerna);
  --pri-panel-text: var(--pmc-bila);
  --pri-linka: rgba(0, 0, 0, .16);
  --pri-misto: rgba(0, 0, 0, .05);
  --pri-fiktivni: #c2410c;
  --pri-okraj: clamp(16px, 6.25vw, 200px);
  --pri-mezera: clamp(48px, 6.25vw, 168px);
  --pri-fs-jmeno: clamp(52px, 8.44vw, 230px);
  --pri-fs-perex: clamp(21px, 2.08vw, 56px);
  --pri-fs-profese: clamp(13px, 1.04vw, 28px);
  --pri-fs-uvod: clamp(17px, 1.04vw, 28px);
  --pri-fs-citace: clamp(25px, 2.4vw, 64px);
  --pri-fs-otazka: clamp(18px, 1.2vw, 32px);
}
.pri--hero-svetle { --pri-na-barve: var(--pmc-cerna); --pri-na-barve-tlumeny: rgba(0, 0, 0, .72); }
.pri--tmavy {
  --pri-plocha: #0d0d0d;
  --pri-text: #f2f2f2;
  --pri-tlumeny: rgba(255, 255, 255, .7);
  --pri-panel: #000;
  --pri-panel-text: #fff;
  --pri-linka: rgba(255, 255, 255, .2);
  --pri-misto: rgba(255, 255, 255, .07);
  --pri-fiktivni: #fb923c;
}

/* Dokument Builderu: plocha a text z promennych sablony */
.pri .cmc-b-document.cmc-b-template-publicmc-v1 {
  --cmc-b-heading-color: inherit;
  --cmc-b-text: var(--pri-text);
  --cmc-b-text-muted: var(--pri-tlumeny);
  background: var(--pri-plocha);
  color: var(--pri-text);
}
.pri .cmc-b-document .pri-sekce.cmc-b-section {
  padding: var(--pri-mezera) var(--pri-okraj);
  margin: 0;
  background: var(--pri-plocha);
  color: var(--pri-text);
}
.pri .cmc-b-document .pri-sekce .cmc-b-columns { margin: 0; }
.pri .cmc-b-document .pri-sekce .cmc-b-column { background: none; padding: 0; border-radius: 0; color: inherit; }
.pri .cmc-b-document .pri-sekce .cmc-b-column .cmc-b-paragraph { font-size: var(--pmc-fs-text); line-height: var(--pmc-lh-text); }
.pri .cmc-b-document .pri-sekce figure { margin: 0; }
.pri .cmc-b-document .pri-sekce figure img { display: block; width: 100%; height: auto; }
.pri .cmc-b-document .pri-sekce figcaption { font-size: var(--pmc-fs-maly); color: inherit; opacity: .75; margin-top: 10px; }
.pri .cmc-b-document .pri-sekce .cmc-b-heading.pri-sekce-nadpis { margin: 0 0 var(--pmc-nadpis-obsah); }

/* Obal bloku tlacitka je <p class="cmc-b-block cmc-b-button ..."> - motiv by ho barvil jako tlacitko */
.pri .cmc-b-document .pri-sekce p.cmc-b-block.cmc-b-button { display: block; min-height: 0; padding: 0; background: none; box-shadow: none; color: inherit; }

/* Tlacitko-odkaz (style "link") bez cerne plochy motivu */
.pri .cmc-b-document .pri-sekce .cmc-b-button.cmc-b-button-link {
  min-height: 0; padding: 0; background: none; color: inherit; box-shadow: none;
  font-size: var(--pmc-fs-nav); text-transform: uppercase; text-decoration: none;
  border-bottom: 1px solid transparent; transition: border-color .2s linear;
}
.pri .cmc-b-document .pri-sekce .cmc-b-button.cmc-b-button-link:hover { border-bottom-color: currentColor; }

/* ============ 1. Uvod (hero) - barevna plocha klienta ============ */
.pri .cmc-b-document .pri-sekce.pri-hero,
.pri .cmc-b-document .pri-sekce.pri-uvod,
.pri .cmc-b-document .pri-sekce.pri-citace-sekce { background: var(--pri-barva); color: var(--pri-na-barve); }
.pri .cmc-b-document .pri-sekce.pri-hero {
  position: relative; min-height: min(100vh, 1400px); display: flex; align-items: center;
  padding-top: calc(var(--pmc-lista-vyska) + clamp(24px, 4vw, 96px));
  padding-bottom: calc(var(--pmc-tl-vyska) + clamp(32px, 4vw, 96px));
}
.pri .cmc-b-document .pri-hero > .cmc-b-container { width: 100%; }
.pri .cmc-b-document .pri-hero-mriz.cmc-b-columns { grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr); gap: clamp(24px, 5vw, 140px); align-items: center; }
.pri .cmc-b-document .pri-hero .cmc-b-paragraph.pri-profese {
  margin: 0 0 clamp(10px, 1.04vw, 28px); font-size: var(--pri-fs-profese); line-height: 1.1;
  text-transform: uppercase; letter-spacing: .02em; color: var(--pri-na-barve);
}
.pri .cmc-b-document .pri-hero h1.pri-jmeno {
  margin: 0; font-size: var(--pri-fs-jmeno); line-height: .88; letter-spacing: -0.045em;
  font-weight: 500; color: var(--pri-na-barve); max-width: none; overflow-wrap: anywhere;
}
.pri .cmc-b-document .pri-hero .cmc-b-paragraph.pri-perex {
  margin: clamp(20px, 1.6vw, 44px) 0 0; max-width: 16em;
  font-size: var(--pri-fs-perex); line-height: 1.2; letter-spacing: -0.01em; color: var(--pri-na-barve);
}
.pri .cmc-b-document .pri-hero .cmc-b-paragraph.pri-stitek {
  display: inline-block; margin: clamp(20px, 1.6vw, 40px) 0 0; padding: 6px 14px;
  border-radius: var(--pmc-radius-pill); background: rgba(255, 255, 255, .18);
  font-size: var(--pmc-fs-maly); color: var(--pri-na-barve);
}
.pri--hero-svetle .cmc-b-document .pri-hero .cmc-b-paragraph.pri-stitek { background: rgba(0, 0, 0, .1); }
.pri .cmc-b-document .pri-hero .pri-stitek--historicky { box-shadow: inset 0 0 0 1px currentColor; background: none; }
.pri .cmc-b-document .pri-hero-obraz.cmc-b-column { display: flex; justify-content: center; }
.pri .cmc-b-document .pri-hero .pri-hero-foto,
.pri .cmc-b-document .pri-hero .cmc-b-paragraph.pri-misto.pri-hero-foto { width: min(100%, 25vw); transform: rotate(-10deg); transform-origin: 50% 50%; }
/* K-001 kolo 2: zastupne misto portretu (odstavec .pri-misto) ma jinak sirku 100 % z obecneho pravidla .pri-misto
   a po otoceni precuhovalo z okna. Pojistka: uvod orizne pripadny presah otoceneho obrazu (clip = bez posuvniku). */
.pri .cmc-b-document .pri-sekce.pri-hero { overflow-x: clip; }
.pri .cmc-b-document .pri-hero .pri-hero-foto img { aspect-ratio: 1 / 1; object-fit: cover; }
.pri .cmc-b-document .pri-hero .pri-hero-foto figcaption { display: none; }
.pri .cmc-b-document .pri-hero .pri-dalsi { position: absolute; right: var(--pri-okraj); bottom: clamp(24px, 3vw, 64px); margin: 0; }
.pri .cmc-b-document .pri-hero .pri-dalsi .cmc-b-button { color: var(--pri-na-barve); }

/* Nastup jako reference: profese -> jmeno (+0,1 s) -> perex (+0,2 s) */
@keyframes pri-nastup { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
.pri .pri-hero .pri-profese,
.pri .pri-hero .pri-jmeno,
.pri .pri-hero .pri-perex,
.pri .pri-hero .pri-hero-obraz { animation: pri-nastup .6s cubic-bezier(.215, .61, .355, 1) both; }
.pri .pri-hero .pri-jmeno { animation-delay: .1s; }
.pri .pri-hero .pri-perex { animation-delay: .2s; }
.pri .pri-hero .pri-hero-obraz { animation-delay: .15s; }
@media (prefers-reduced-motion: reduce) {
  .pri .pri-hero .pri-profese, .pri .pri-hero .pri-jmeno, .pri .pri-hero .pri-perex, .pri .pri-hero .pri-hero-obraz { animation: none; }
}

/* ============ 2. Uvodni text, nahled webu, odkaz ============ */
.pri .cmc-b-document .pri-sekce.pri-uvod { padding-top: clamp(24px, 3vw, 80px); }
.pri .cmc-b-document .pri-uvod .cmc-b-paragraph.pri-uvod-text {
  margin: 0 0 0 23%; max-width: 26em; font-size: var(--pri-fs-uvod); line-height: 1.32; color: var(--pri-na-barve);
}
.pri .cmc-b-document .pri-uvod .pri-web-nahled { width: 56%; margin: clamp(40px, 4.2vw, 112px) auto 0; }
.pri .cmc-b-document .pri-uvod .pri-web-nahled img { aspect-ratio: 16 / 10; object-fit: cover; }
.pri .cmc-b-document .pri-uvod .pri-web-odkaz { width: 56%; margin: 16px auto 0; text-align: right; }
.pri .cmc-b-document .pri-uvod .pri-web-odkaz .cmc-b-button { color: var(--pri-na-barve); }
.pri .cmc-b-document .pri-uvod .cmc-b-paragraph.pri-web-odkaz--historicky { font-size: var(--pmc-fs-maly); color: var(--pri-na-barve-tlumeny); }

/* ============ 3. Citace a asymetricke fotografie ============ */
.pri .cmc-b-document .pri-sekce blockquote.pri-citace {
  margin: 0; padding: 0; border: 0; background: none; color: inherit;
  font-size: var(--pri-fs-citace); line-height: 1.07; letter-spacing: -0.02em; font-weight: 500;
}
.pri .cmc-b-document .pri-sekce blockquote.pri-citace cite {
  display: block; margin-top: clamp(16px, 1.25vw, 32px); font-size: var(--pmc-fs-maly); font-weight: 400;
  letter-spacing: 0; font-style: normal; color: inherit; opacity: .8;
}
.pri .cmc-b-document .pri-citace--velka { max-width: 67%; }
.pri .cmc-b-document .pri-fotky-asym.cmc-b-columns { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(24px, 6vw, 160px); margin-top: var(--pri-mezera); align-items: start; }
.pri .cmc-b-document .pri-fotky-asym > .cmc-b-column:nth-child(2) { padding-top: clamp(80px, 28vw, 720px); }
.pri .cmc-b-document .pri-fotky-asym > .cmc-b-column:nth-child(1) img { aspect-ratio: 4 / 5; object-fit: cover; }
.pri .cmc-b-document .pri-fotky-asym > .cmc-b-column:nth-child(2) img { aspect-ratio: 4 / 3; object-fit: cover; }

/* ============ 4. Funkce: cerny panel + obraz pres celou sirku ============ */
.pri .cmc-b-document .pri-sekce.pri-funkce { padding: 0; }
.pri .cmc-b-document .pri-funkce-mriz.cmc-b-columns { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0; min-height: min(100vh, 1080px); }
.pri .cmc-b-document .pri-funkce .pri-funkce-panel.cmc-b-column {
  background: var(--pri-panel); color: var(--pri-panel-text);
  padding: var(--pri-mezera) var(--pri-okraj); display: flex; flex-direction: column; justify-content: flex-start; gap: clamp(12px, 1vw, 24px);
}
.pri .cmc-b-document .pri-funkce .cmc-b-heading.pri-funkce-nadpis { margin: 0 0 auto; max-width: 9em; padding-bottom: var(--pri-mezera); }
.pri .cmc-b-document .pri-funkce .cmc-b-heading.pri-funkce-polozka { margin: 0; font-size: var(--pmc-fs-text); font-weight: 600; }
.pri .cmc-b-document .pri-funkce .cmc-b-paragraph.pri-funkce-text { margin: 0 0 clamp(8px, 1vw, 24px); max-width: 30em; font-size: var(--pmc-fs-maly); color: var(--pmc-text-tlumeny-inverz); }
.pri .cmc-b-document .pri-funkce .cmc-b-column:nth-child(2) { position: relative; min-height: 360px; }
.pri .cmc-b-document .pri-funkce .pri-funkce-obraz { position: absolute; inset: 0; }
.pri .cmc-b-document .pri-funkce figure.pri-funkce-obraz img { width: 100%; height: 100%; object-fit: cover; }
.pri .cmc-b-document .pri-funkce figure.pri-funkce-obraz figcaption { position: absolute; left: 16px; bottom: 12px; color: #fff; }

/* ============ 5. Prehled spoluprace ============ */
.pri .cmc-b-document .pri-prehled-mriz.cmc-b-columns { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--pmc-mezera-mrizky); }
.pri .cmc-b-document .pri-prehled .pri-fakt.cmc-b-column { border-top: 1px solid var(--pri-linka); padding-top: clamp(16px, 1.25vw, 32px); }
.pri .cmc-b-document .pri-prehled .cmc-b-heading.pri-fakt-popisek { margin: 0 0 8px; font-size: var(--pmc-fs-maly); text-transform: uppercase; letter-spacing: .04em; color: var(--pri-tlumeny); }
.pri .cmc-b-document .pri-prehled .cmc-b-column .cmc-b-paragraph.pri-fakt-hodnota { font-size: var(--pmc-fs-h3); line-height: var(--pmc-lh-h3); }

/* ============ 6. Casova osa (blok timeline) ============ */
.pri .cmc-b-document .pri-osa.cmc-b-timeline { display: block; margin: 0; }
.pri .cmc-b-document .pri-osa > h2 { margin: 0 0 var(--pmc-nadpis-obsah); }
.pri .cmc-b-document .pri-osa > .cmc-b-timeline { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: var(--pmc-mezera-mrizky); }
.pri .cmc-b-document .pri-osa > .cmc-b-timeline article {
  background: none; border: 0; border-top: 2px solid currentColor; border-radius: 0; padding: clamp(16px, 1.25vw, 32px) 0 0; color: inherit;
}
.pri .cmc-b-document .pri-osa article b { display: block; font-size: var(--pmc-fs-maly); font-weight: 400; text-transform: uppercase; letter-spacing: .04em; color: var(--pri-tlumeny); }
.pri .cmc-b-document .pri-osa article h3 { margin: 8px 0; }
.pri .cmc-b-document .pri-osa article p { margin: 0; font-size: var(--pmc-fs-maly); line-height: var(--pmc-lh-maly); }

/* ============ 7. Rozhovor: nadpis vlevo (1/3), otazky vpravo (2/3) ============ */
.pri .cmc-b-document .pri-rozhovor-mriz.cmc-b-columns { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: var(--pmc-mezera-mrizky); align-items: start; }
.pri .cmc-b-document .pri-rozhovor .cmc-b-heading.pri-rozhovor-nadpis { margin: 0; max-width: 8em; }
.pri .cmc-b-document .pri-rozhovor-qa.cmc-b-column { max-width: 50em; }
.pri .cmc-b-document .pri-rozhovor .cmc-b-heading.pri-otazka { margin: 0 0 clamp(12px, 1vw, 24px); font-size: var(--pri-fs-otazka); font-weight: 600; line-height: 1.25; }
.pri .cmc-b-document .pri-rozhovor .cmc-b-column .cmc-b-paragraph.pri-odpoved { margin: 0 0 clamp(32px, 3vw, 72px); }
.pri .cmc-b-document .pri-citace--odsazena { margin: var(--pri-mezera) 0 0 33.4%; max-width: 58%; }

/* ============ 8. Galerie (bez skriptu mrizka, se skriptem posuvny pas) ============ */
.pri .cmc-b-document .pri-galerie.cmc-b-gallery { margin: 0; gap: var(--pmc-mezera-mrizky); }
.pri .cmc-b-document .pri-galerie.cmc-b-gallery figure { border: 0; padding: 0; background: none; }
.pri .cmc-b-document .pri-galerie.cmc-b-gallery img { aspect-ratio: 3 / 2; object-fit: cover; }
.pri .cmc-b-document .pri-galerie.is-pas {
  display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain;
}
.pri .cmc-b-document .pri-galerie.is-pas::-webkit-scrollbar { display: none; }
.pri .cmc-b-document .pri-galerie.is-pas > figure { flex: 0 0 min(62%, 1200px); scroll-snap-align: start; }
.pri-galerie-ovladani { display: flex; align-items: center; gap: 12px; margin-top: clamp(16px, 1.25vw, 32px); }
.pri-galerie-pocet { margin-right: auto; font-size: var(--pmc-fs-maly); }
.pri-galerie-pocet b { font-weight: 600; }
.pri-galerie-tl {
  width: clamp(44px, 2.5vw, 64px); height: clamp(44px, 2.5vw, 64px); border: 1px solid currentColor; border-radius: 50%;
  background: none; color: inherit; font: inherit; font-size: var(--pmc-fs-text); cursor: pointer;
}
.pri-galerie-tl:hover { background: var(--pri-text); color: var(--pri-plocha); }

/* ============ 9. Video ============ */
.pri .cmc-b-document .pri-video.cmc-b-video { margin: 0; }

/* ============ 10. Vysledky ============ */
.pri .cmc-b-document .pri-vysledky-mriz.cmc-b-columns { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--pmc-mezera-mrizky); }
.pri .cmc-b-document .pri-vysledek.cmc-b-column { border-top: 1px solid var(--pri-linka); padding-top: clamp(16px, 1.25vw, 32px); }
.pri .cmc-b-document .pri-vysledek .cmc-b-heading.pri-vysledek-hodnota { margin: 0 0 12px; font-size: var(--pmc-fs-h1); line-height: 1; letter-spacing: var(--pmc-ls-h1); }
.pri .cmc-b-document .pri-vysledek .cmc-b-paragraph.pri-vysledek-popis { color: var(--pri-tlumeny); }

/* ============ 11. Zaver: obraz vlevo, cerny panel vpravo ============ */
.pri .cmc-b-document .pri-sekce.pri-zaver { padding: 0; }
.pri .cmc-b-document .pri-zaver-mriz.cmc-b-columns { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0; min-height: min(100vh, 1080px); }
.pri .cmc-b-document .pri-zaver .cmc-b-column:nth-child(1) { position: relative; min-height: 360px; }
.pri .cmc-b-document .pri-zaver .pri-zaver-obraz { position: absolute; inset: 0; }
.pri .cmc-b-document .pri-zaver figure.pri-zaver-obraz img { width: 100%; height: 100%; object-fit: cover; }
.pri .cmc-b-document .pri-zaver figure.pri-zaver-obraz figcaption { position: absolute; left: 16px; bottom: 12px; color: #fff; }
.pri .cmc-b-document .pri-zaver .pri-zaver-panel.cmc-b-column {
  background: var(--pri-panel); color: var(--pri-panel-text); padding: var(--pri-mezera) var(--pri-okraj);
  display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: clamp(16px, 1.25vw, 32px);
}
.pri .cmc-b-document .pri-zaver .cmc-b-heading.pri-zaver-nadpis { margin: 0; max-width: 11em; }
.pri .cmc-b-document .pri-zaver .cmc-b-column .cmc-b-paragraph.pri-zaver-text { font-size: var(--pmc-fs-text); }
/* K-006: tlacitka zaveru vedle sebe se zalomenim (bez prekryvu), dotykova plocha min. 44 px */
.pri .cmc-b-document .pri-zaver .pri-zaver-panel.cmc-b-column { flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-content: center; align-items: center; }
.pri .cmc-b-document .pri-zaver .pri-zaver-panel > .cmc-b-heading,
.pri .cmc-b-document .pri-zaver .pri-zaver-panel > .cmc-b-paragraph { flex: 1 1 100%; }
.pri .cmc-b-document .pri-zaver p.cmc-b-block.cmc-b-button.pri-zaver-tl { display: flex; flex: 0 1 auto; max-width: 100%; margin: 0; }
.pri .cmc-b-document .pri-zaver .pri-zaver-tl > .cmc-b-button { min-height: max(44px, var(--pmc-tl-vyska)); max-width: 100%; white-space: normal; text-align: center; }
.pri .cmc-b-document .pri-zaver .pri-zaver-tl .cmc-b-button-primary { background: var(--pmc-bila); color: var(--pmc-cerna); }
.pri .cmc-b-document .pri-zaver .pri-zaver-tl .cmc-b-button-outline { background: none; color: var(--pmc-bila); box-shadow: inset 0 0 0 1px currentColor; }

/* K-006: chybi-li obraz (verejna stranka bez fotografii), zbyly sloupec zabere celou sirku */
.pri .cmc-b-document .pri-hero-mriz.cmc-b-columns > .cmc-b-column:only-child,
.pri .cmc-b-document .pri-funkce-mriz.cmc-b-columns > .cmc-b-column:only-child,
.pri .cmc-b-document .pri-zaver-mriz.cmc-b-columns > .cmc-b-column:only-child { grid-column: 1 / -1; }
.pri .cmc-b-document .pri-zaver-mriz.cmc-b-columns:has(> .cmc-b-column:only-child) { min-height: 0; }

/* ============ Zastupna mista a stitek FIKTIVNI (jen nahled) ============ */
.pri .cmc-b-document .pri-sekce .cmc-b-paragraph.pri-misto {
  display: grid; place-items: center; margin: 0; padding: 24px; text-align: center;
  width: 100%; max-width: 100%; min-height: 220px; font-size: var(--pmc-fs-maly); line-height: var(--pmc-lh-maly);
  background: repeating-linear-gradient(135deg, var(--pri-misto) 0 14px, transparent 14px 28px);
  box-shadow: inset 0 0 0 1px currentColor; color: inherit;
}
.pri .cmc-b-document .pri-misto--portret { aspect-ratio: 1 / 1; }
.pri .cmc-b-document .pri-misto--na-vysku { aspect-ratio: 4 / 5; }
.pri .cmc-b-document .pri-misto--na-sirku { aspect-ratio: 4 / 3; }
.pri .cmc-b-document .pri-misto--siroke { aspect-ratio: 16 / 9; }
.pri .cmc-b-document .pri-misto--video { aspect-ratio: 16 / 9; }
.pri .cmc-b-document .pri-sekce .cmc-b-paragraph.pri-misto--plne { position: absolute; inset: 0; min-height: 0; }
.pri .cmc-b-document .pri-uvod .cmc-b-paragraph.pri-misto.pri-web-nahled { width: 56%; margin: clamp(40px, 4.2vw, 112px) auto 0; }

.pri--nahled :where(.pri-fiktivni) { position: relative; }
.pri--nahled .pri-fiktivni { outline: 2px dashed var(--pri-fiktivni); outline-offset: 6px; }
.pri--nahled .pri-fiktivni::before {
  content: "FIKTIVNÍ – změnit"; position: absolute; z-index: 2; top: -14px; left: 8px;
  padding: 2px 8px; background: var(--pri-fiktivni); color: #fff;
  font: 600 12px/1.4 var(--pmc-pismo); letter-spacing: .04em; text-transform: uppercase; white-space: nowrap;
  transform: none;
}
.pri--nahled .pri-hero .pri-fiktivni::before { transform: rotate(10deg); }
.pri--nahled .pri-fiktivni .pri-fiktivni { outline: 0; }
.pri--nahled .pri-fiktivni .pri-fiktivni::before { content: none; }
/* Dvojice nadpis + text: stitek jen u nadpisu, text ma oznaceni ve svem zneni */
.pri--nahled .pri-funkce-text.pri-fiktivni::before,
.pri--nahled .pri-odpoved.pri-fiktivni::before { content: none; }

/* Pruh nahledu: drzi se dole, jen mimo zverejneny stav */
.pri-nahled-pruh {
  position: sticky; bottom: 0; z-index: 40; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 20px;
  padding: 12px var(--pri-okraj); background: var(--pri-fiktivni); color: #fff; font-size: var(--pmc-fs-maly); line-height: 1.35;
}
.pri-nahled-pruh span { flex: 1 1 30em; }
.pri-nahled-pruh a { color: #fff; text-decoration: underline; white-space: nowrap; }
.pri--tmavy .pri-nahled-pruh { color: #000; }
.pri--tmavy .pri-nahled-pruh a { color: #000; }

/* ============ Tablet ============ */
@media (max-width: 1024px) {
  .pri .cmc-b-document .pri-prehled-mriz.cmc-b-columns { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pri .cmc-b-document .pri-hero .pri-hero-foto,
  .pri .cmc-b-document .pri-hero .cmc-b-paragraph.pri-misto.pri-hero-foto { width: min(100%, 40vw); }
}

/* ============ Mobil (390 px) ============ */
@media (max-width: 760px) {
  .pri { --pri-okraj: var(--pmc-okraj); --pri-mezera: 56px; --pri-fs-jmeno: clamp(48px, 15vw, 72px); }
  .pri .cmc-b-document .pri-sekce .cmc-b-columns,
  .pri .cmc-b-document .pri-hero-mriz.cmc-b-columns,
  .pri .cmc-b-document .pri-fotky-asym.cmc-b-columns,
  .pri .cmc-b-document .pri-funkce-mriz.cmc-b-columns,
  .pri .cmc-b-document .pri-prehled-mriz.cmc-b-columns,
  .pri .cmc-b-document .pri-rozhovor-mriz.cmc-b-columns,
  .pri .cmc-b-document .pri-vysledky-mriz.cmc-b-columns,
  .pri .cmc-b-document .pri-zaver-mriz.cmc-b-columns { grid-template-columns: minmax(0, 1fr); min-height: 0; }
  .pri .cmc-b-document .pri-sekce.pri-hero { min-height: 0; padding-bottom: calc(var(--pmc-tl-vyska) + 24px); }
  .pri .cmc-b-document .pri-hero-mriz.cmc-b-columns { gap: 48px; }
  .pri .cmc-b-document .pri-hero .pri-hero-foto,
  .pri .cmc-b-document .pri-hero .cmc-b-paragraph.pri-misto.pri-hero-foto { width: 78%; transform: rotate(-6deg); }
  .pri .cmc-b-document .pri-uvod .cmc-b-paragraph.pri-uvod-text { margin-left: 0; }
  .pri .cmc-b-document .pri-uvod .pri-web-nahled,
  .pri .cmc-b-document .pri-uvod .pri-web-odkaz,
  .pri .cmc-b-document .pri-uvod .cmc-b-paragraph.pri-misto.pri-web-nahled { width: 100%; }
  .pri .cmc-b-document .pri-citace--velka,
  .pri .cmc-b-document .pri-citace--odsazena { max-width: none; margin-left: 0; }
  .pri .cmc-b-document .pri-fotky-asym > .cmc-b-column:nth-child(2) { padding-top: 0; width: 80%; margin-left: auto; }
  .pri .cmc-b-document .pri-funkce .cmc-b-column:nth-child(2),
  .pri .cmc-b-document .pri-zaver .cmc-b-column:nth-child(1) { min-height: 0; aspect-ratio: 4 / 3; }
  .pri .cmc-b-document .pri-funkce .cmc-b-heading.pri-funkce-nadpis { padding-bottom: 24px; }
  .pri .cmc-b-document .pri-galerie.is-pas > figure { flex-basis: 86%; }
  .pri .cmc-b-document .pri-zaver .cmc-b-column:nth-child(1) { order: 2; }
  .pri-nahled-pruh { position: static; }
}