/*
 * assets/css/thankyou-2026.css -- Task BQ (7. 9., majitel: "chybi tam
 * polovina informaci" oproti zivemu webu terrahunt.cz/.com).
 *
 * VLASTNI SOUBOR, NE zasah do sdileneho components.css/hp2026.css --
 * souběh s ostatnimi agenty na hlavnim DEV (viz .planning/locks/).
 * Enqueue jen na page-templates/template-thankyou.php
 * (terrahunt_2026_enqueue_thankyou_styles(), inc/thankyou-2026.php).
 * Tridy s prefixem `th-ty-` (novy prefix, zkontrolovano gremem proti
 * components.css/hp2026.css/tokens.css -- zadna kolize s existujicim
 * `.thn-*` prefixem hry/videa v page-templates/template-thankyou.php).
 */

.th-ty-eta {
	margin: 0 0 24px;
	font-size: 1.05rem;
	color: var(--ink, #16211f);
}

/*
 * CU (8. 9., majitel doslova: „blok Co bude nasledovat ma jen asi 4 cm na
 * sirku a je to tak dlouha nudle").
 *
 * PRICINA (namereno, ne odhad): `1.4fr 1fr` -- track `fr` ma vychozi
 * `min-width: auto`, takze se NIKDY nesmrskne pod min-content sveho obsahu.
 * Od BU-2 (7. 9. 22:53) sedi v pravem sloupci sdileny pas `.specband`
 * s `flex-wrap: nowrap` (>=1024px), dvema kartami specialistek
 * `flex: 0 0 300px` (320px >=1440) a skupinou telefonu `flex: 0 0 auto`,
 * tedy min-content ~990px. Ten prah pravy track prosadil a na levy zbylo
 * 245px z 1216px (20,1 % -- CZ), resp. 219px (18,0 % -- EN).
 *
 * `minmax(0, …)` to vychozi minimum ruší (jediny zpusob, jak fr track
 * pustit pod min-content), pomer 1.15 : 1 je ZMEREN na zivem webu
 * (`.thn-cols` 8. 9.: levy 694px, pravy 604px, mezera 22 -> 1,149).
 * Samotne `minmax(0, …)` ale nestaci -- band by se jen pretekl mimo svuj
 * sloupec, proto nize scoped stohovana podoba pasu.
 */
.th-ty-cols {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
	gap: 24px;
	margin: 0 0 40px;
	align-items: start;
}

@media (max-width: 780px) {
	.th-ty-cols {
		grid-template-columns: 1fr;
	}
}

.th-ty-box {
	background: #fff;
	border: 1px solid var(--line, #e3e8e6);
	border-radius: var(--r-card, 16px);
	padding: 24px;
	box-shadow: var(--shadow, 0 4px 18px rgba(20, 30, 28, .06));
}

.th-ty-steps {
	list-style: none;
	margin: 0 0 16px;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.th-ty-steps li {
	display: flex;
	gap: 12px;
	align-items: flex-start;
}

.th-ty-num {
	flex: 0 0 auto;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: var(--org, #ff7a30);
	/* 1.27.8 položka 15: bílá na --org pod 19px/700 měla 3,27:1 (FAIL 4,5:1). */
	color: var(--ink, #101f17);
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: .9rem;
}

.th-ty-note {
	margin: 4px 0 20px;
	color: var(--muted, #5b6b66);
	font-size: .95rem;
}

.th-ty-prep-title {
	font-weight: 600;
	margin: 0 0 10px;
}

.th-ty-prep-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

/*
 * KROK 0 (majitel 7. 9.: "tmave pismo na zelenych stitcich" neciteltelne) --
 * puvodni vlastni stitek pouzival --teal-soft jako pozadi. Ten token je ve
 * skutecnosti tmave zelena #2A6B4E (tokens.css:59), ne svetly odstin --
 * s --ink textem na nem vychazel kontrast pod 4,5:1. Reseni: zadny vlastni
 * vzhled, polozky nesou sdilenou tridu `.pill` (components.css ~7197,
 * background var(--tint) #E7F3EC + color var(--ink) #101F17, tentyz stitek
 * jako na kartach HP/vypisu). Vlastni pravidlo pro <li> proto mizi.
 */

/*
 * BU-2 (7. 9., orch. 22:53): `.th-ty-urgent`/`.th-ty-person*` ODSTRANENY --
 * decovna stranka uz nevola variantu `plain` (template-thankyou.php,
 * task BU-2), pouziva sdilenou `band` z components.css (`.specband*`),
 * stejnou jako vysledky hledani. `.th-ty-box` (o par radku vyse, box
 * "Co bude nasledovat") zustava -- ten patri jinemu bloku teto stranky,
 * ne specialistkam.
 */

/*
 * KROK 0b (majitel 7. 9.: "mezi hrou a patickou musi byt mezera") --
 * `.thn-bottom` (video dlazdice + hra, components.css ~12839) nema zadny
 * spodni odstup a stoji primo v <main> bez obalu <section>, takze na
 * strance chybel rytmus, ktery ma kazda `section { padding: var(--pad) 0 }`
 * (tokens.css:302; 96px @1024+, 72px tablet, 56px mobil). Reseni je jen
 * mezera pod poslednim blokem pred patickou -- ZADNY novy pas, jen tentyz
 * token, ktery uz rozestupy sekci pouzivaji jinde na webu.
 */
.thn-bottom {
	padding-bottom: var(--pad, 96px);
}

/* ======================================================================
 * CU (8. 9.) -- SDILENY PAS SPECIALISTEK VE SLOUPCI DEKOVNE STRANKY
 *
 * Rozhodnuti 18 (7. 9.) plati dal: pas je JEDEN sdileny modul (vysledky
 * hledani + dekovna), varianta `plain` se nevraci. Meni se jen ROZVRZENI
 * uvnitr uzkeho sloupce -- vsechna pravidla nize jsou scoped na
 * `.th-ty-cols`, takze `/?s=…` (vysledky hledani, tyz `.specband` bez
 * tohoto rodice) je nedostane. Zdrojove `.specband*` v `components.css`
 * se NEMENI (soubezny agent) a tady se jen prebijeji vyssi specificitou
 * (0,2,0 / 0,3,0 vs 0,1,0 / 0,2,0), tedy nezavisle na poradi souboru.
 *
 * PODOBA = zivy web: nadpis „Specha to?" + text + telefon nahoru, pod nimi
 * nadpis „Kdo se vam ozve" a dve karty specialistek POD SEBOU. Vedle sebe
 * se do sloupce (~545px pri 1440px okne) nevejdou: 2 x 320px + 14px mezera
 * = 654px, tedy presne ten pretok, ktery mackal levy sloupec.
 * ====================================================================== */

.th-ty-cols .specband {
	margin: 0;
}

.th-ty-cols .specband-inner {
	flex-flow: column wrap;
	align-items: stretch;
	justify-content: flex-start;
	gap: 14px;
}

.th-ty-cols .specband-leadwrap,
.th-ty-cols .specband-actions,
.th-ty-cols .specband-people {
	flex: 0 0 auto;
	width: 100%;
	min-width: 0;
}

.th-ty-cols .specband-actions {
	align-items: flex-start;
}

/*
 * Nadpis „Kdo se vam ozve" MUSI byt videt (zadani CU). `components.css`
 * ho od 1024px skryva (`display: none`) -- to je spravne pro JEDNORADKOVY
 * pas ve vysledcich hledani, kde by ctvrty sourozenec v `nowrap` radku
 * vynutil zalomeni; ve stohovanem sloupci zadny takovy radek neni.
 */
.th-ty-cols .specband-people-heading {
	display: block;
	flex: 0 0 auto;
	width: 100%;
}

.th-ty-cols .specband-people {
	flex-wrap: wrap;
	gap: 10px;
}

/*
 * `flex: 0 0 300px` (resp. `flex-basis: 320px` od 1440px) ze sdilene sady
 * je pro tenhle sloupec prilis siroke -- karta se musi umet smrsknout na
 * skutecnou sirku sloupce. `1 1 100%` da kazde karte cely radek; e-mail
 * se pritom neláme, protoze radek je siroky ~500px, tedy vic nez puvodnich
 * 300px.
 */
.th-ty-cols .specband-people .pcard {
	flex: 1 1 100%;
	min-width: 0;
	max-width: 100%;
}

/* ======================================================================
 * CU (8. 9.) -- PAS REFERENCI: NADPIS + FULL-BLEED OBAL
 *
 * `main` uz neni `.wrap` (viz komentar v sablone), takze `trustrev.php`
 * konecne jede od kraje ke kraji jako na HP. `.th-ty-revs` je jen nosic
 * TEHOZ pozadi (`--soft`), aby nadpis nad pasem stal na stejne plose a
 * nevznikl mezi nadpisem a kartami svetly seam.
 * ====================================================================== */

.th-ty-revs {
	background: var(--soft, #f2f8f4);
}

.th-ty-revs .th-ty-revs-h {
	margin: 0;
	padding: 56px 0 0;
	text-align: center;
}

/*
 * `.trustrev` ma vlastni `padding: 56px 0 60px`; nad nadpisem uz odsazeni
 * je, takze se horni pulka nahrazuje mensi mezerou k nadpisu.
 */
.th-ty-revs .trustrev {
	padding-top: 18px;
}

/*
 * ODSAZENI OD HLAVICKY. Do CU sedel H1 dekovne stranky primo pod hornim
 * menu (namereno: mezera 0px mezi spodkem `<header>` a `<h1>`), protoze
 * `main.wrap` zadne svisle odsazeni nema a stranka nezacina sekci.
 * Tentyz pozadavek uz majitel vznesl u servisnich stranek 7. 9.
 * („narazeno na horni menu"); hodnota je token rozestupu sekci, ne nove
 * cislo.
 */
.th-ty-head {
	padding-top: 40px;
}

@media (max-width: 780px) {
	.th-ty-head {
		padding-top: 24px;
	}

	.th-ty-revs .th-ty-revs-h {
		padding-top: 40px;
	}
}