/**
 * Z-AGENCY cookie consent v3 — lišta `.ccbar` ze schválené návrhové sady.
 *
 * ── CO SE ZMĚNILO PROTI v2 ──────────────────────────────────────────────
 * v2 kreslila BÍLÝ pás 1:1 s živou (PUX) lištou a podrobné nastavení
 * otevírala v překryvném modalu (`.za-cc`, `.za-cc-modal`). Návrhová sada
 * `za-navrhy-v1.0` má lištu jinou: TMAVÝ pás přes spodní hranu
 * (`--charcoal`), tři akce vpravo a podrobné nastavení ROZBALENÉ v téže
 * liště (`.ccbar.rozbaleno .ccdetail`), bez modalu. Návrh je specifikace
 * (rozhodnutí majitele 17. 9. 2026: „port 1:1 vzhledem, měřený kontrakt
 * zachovat beze změny"), proto tenhle soubor v2 vzhled nahrazuje celý.
 *
 * MĚŘENÝ KONTRAKT VŮČI GTM SE TÍM NEMĚNÍ ANI O BIT — cookies
 * `cookies-settings-*`, mazání místo `=false` a event `cookiesBarSubmited`
 * žijí v JS a v `inc/cookie-consent.php`, ne tady.
 *
 * ── PROČ PIXELY, NE REM ─────────────────────────────────────────────────
 * Legacy `main.css` škáluje kořenový `font-size` od 5 px do 13 px podle
 * breakpointu. `rem` tady tedy neznamená „16 px", ale „pětina toho na
 * malém mobilu". Návrh je celý v pixelech a tenhle soubor taky. Kdo sem
 * přidá `rem`, rozbije lištu na mobilu.
 *
 * ── PROČ NENÍ SELEKTOR PREFIXOVANÝ `.za2026` ────────────────────────────
 * Lišta se enqueuuje VŽDY (`za_consent_enqueue()`), i když distribuce
 * vrstvy 2026 chybí a `za2026_dist_ready()` je false — souhlas se musí dát
 * udělit i ve fallbacku. Prefix by v tom stavu lištu nechal bez vzhledu.
 * Barvy se proto berou z tokenů vrstvy 2026, ale KAŽDÁ má v `var()`
 * záložní literál z `assets/css/2026/tokens.css`, takže lišta vypadá
 * stejně i bez nich.
 *
 * `.ccbar .wrap` plátno NEPŘEPISUJE: `.za2026 .wrap` z `tokens.css` má
 * stejnou specificitu a načítá se POZDĚJI (enqueue priorita 20 proti 10),
 * takže vyhrává a lišta drží tentýž rytmus jako zbytek stránky. Záložní
 * hodnoty níž se uplatní jen ve fallbacku bez vrstvy 2026.
 *
 * ── VĚDOMÁ ODCHYLKA OD NÁVRHU ───────────────────────────────────────────
 * Hover je zabalený v `@media (hover: hover)` (kontrakt B15, brána
 * `gate:hover-hygiene`) — návrh ho má nezabalený a na dotyku by stav
 * po klepnutí lpěl. `:focus-visible` obrysy návrh nemá vůbec; lišta je
 * ovládací prvek a bez viditelného fokusu by byla neovladatelná
 * z klávesnice.
 */

.ccbar {
	--cc-charcoal: var(--charcoal, #20262B);
	--cc-ondark: var(--ondark, rgba(255, 255, 255, .75));
	--cc-cyan: var(--cyan, #00B7CD);
	--cc-magenta: var(--magenta, #F5074C);
	--cc-magenta-deep: var(--magenta-deep, #D90441);
	--cc-r: var(--r-btn, 12px);
	position: fixed; left: 0; right: 0; bottom: 0; z-index: 200;
	background: var(--cc-charcoal); color: var(--cc-ondark);
	box-shadow: 0 -10px 34px rgba(0, 0, 0, .28);
	display: none;
	box-sizing: border-box;
	/* Stejná rodina jako `body` ve vrstvě 2026 i v návrhu; uvedená znovu,
	   protože legacy `main.css` sahá na potomky `body` vlastními pravidly. */
	font-family: "Open Sans", system-ui, sans-serif;
}

.ccbar * {
	box-sizing: border-box;
}

/*
 * Rozbalené nastavení je vyšší než mobilní obrazovka (v návrhu naměřeno
 * 903 px při 844px okně) — bez stropu by „Uložit nastavení" zůstalo mimo
 * dosah. `overscroll-behavior` drží setrvačné rolování uvnitř lišty.
 */
.ccbar.on {
	display: block; max-height: 88vh; overflow: auto; overscroll-behavior: contain;
}

/*
 * Lišta a dock jsou dvě plovoucí vrstvy u téže spodní hrany. Na 390 px je
 * z docku bílá lišta přes celou šířku a obě by ležely přes sebe. Návrh to
 * řeší tímhle jediným pravidlem; `!important` přebíjí `.za2026 .dock.vyjety
 * { display: flex }` (0-3-0 proti 0-2-1).
 */
body.cookies-open .dock {
	/* stylelint-disable-next-line declaration-no-important -- viz komentář výš */
	display: none !important;
}

.ccbar .wrap {
	max-width: var(--w, 1180px); margin: 0 auto; padding: 20px 32px;
	display: grid; grid-template-columns: minmax(0, 1fr) auto;
	gap: 26px; align-items: center;
}

.ccbar b {
	display: block; color: #fff; font-size: 17px; margin-bottom: 7px;
	font-weight: 700; letter-spacing: normal;
}

/*
 * Zvýraznění UVNITŘ odstavce („Nastavení cookies" v textu lišty). Návrh to
 * má inline stylem `style="display:inline"`; inline styly jsou v téhle
 * šabloně zakázané, pravidlo dělá totéž a přebíjí `.ccbar b` výš (0-1-2).
 */
.ccbar p b {
	display: inline; font-size: inherit; margin: 0;
}

.ccbar p {
	font-size: 14px; line-height: 1.6; margin: 0; color: var(--cc-ondark);
}

.ccbar a {
	color: var(--cc-cyan); text-decoration: underline; text-underline-offset: 2px;
	letter-spacing: normal;
}

/* Hláška o zablokovaných cookies. Návrh ji nemá — lišta bez ní nemá jak
   říct, že se volbu nepodařilo uložit, a tvářila by se, že uložila. */
.ccbar .ccerr {
	margin-top: 10px; color: #fff; font-weight: 700;
}

.ccact {
	display: flex; gap: 10px; align-items: center; flex-wrap: wrap; justify-content: flex-end;
}

.ccbtn {
	font: inherit; font-weight: 800; font-size: 15px; border: 0; cursor: pointer;
	border-radius: var(--cc-r); min-height: 46px; padding: 0 22px;
	display: inline-flex; align-items: center; justify-content: center;
	text-align: center; letter-spacing: normal; text-transform: none;
}

/*
 * „Přijmout vše" a „Odmítnout vše" stojí vedle sebe ve STEJNÉ velikosti
 * a se stejnou vahou písma. Rovnocennost voleb je právní požadavek
 * (EDPB 05/2020), ne estetika — a je to vědomá odchylka od ŽIVÉ lišty,
 * která odmítnutí na první úrovni vůbec nemá (`hideMandatoryBtn: true`).
 * Návrh ji má správně; barevný rozdíl je jen výplň proti obrysu.
 */
.ccbtn-ano {
	background: var(--cc-magenta); color: #fff;
}

.ccbtn-ne {
	background: transparent; color: #fff; box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .34);
}

.ccbtn-vic {
	background: transparent; color: var(--cc-cyan); text-decoration: underline;
	padding: 0 6px; min-height: 44px;
}

.ccbtn[disabled] {
	opacity: .6; cursor: default;
}

.ccbtn:focus {
	outline: 2px solid var(--cc-cyan); outline-offset: 3px;
}

@supports selector(:focus-visible) {
	.ccbtn:focus {
		outline: none;
	}

	/* stylelint-disable-next-line plugin/no-unsupported-browser-features -- :focus-visible je Safari 15.4+; fallback je `:focus` výš */
	.ccbtn:focus-visible {
		outline: 2px solid var(--cc-cyan); outline-offset: 3px;
	}
}

@media (hover: hover) {
	.ccbtn-ano:hover {
		background: var(--cc-magenta-deep);
	}

	.ccbtn-ne:hover {
		box-shadow: inset 0 0 0 2px var(--cc-cyan); color: var(--cc-cyan);
	}
}

.ccdetail {
	display: none; border-top: 1px solid rgba(255, 255, 255, .16);
}

.ccbar.rozbaleno .ccdetail {
	display: block;
}

.ccdetail .wrap {
	display: block; padding-top: 18px; padding-bottom: 22px;
}

.ccrow {
	display: flex; align-items: flex-start; gap: 14px; padding: 12px 0;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.ccrow:last-of-type {
	border-bottom: 0;
}

.ccrow b {
	margin-bottom: 3px; font-size: 15.5px;
}

.ccrow p {
	font-size: 13.5px;
}

.ccsw {
	flex: none; margin-top: 3px;
}

.ccsw input {
	width: 20px; height: 20px; accent-color: var(--cc-cyan); cursor: pointer; margin: 0;
}

.ccsw input:disabled {
	cursor: not-allowed; opacity: .55;
}

.ccsw input:focus {
	outline: 2px solid var(--cc-cyan); outline-offset: 2px;
}

/* Popisek řádku je klikací plocha přepínače — bez `display:block` by ho
   legacy `main.css` nechalo `inline-block` s vlastním spodním okrajem. */
.ccrow label {
	display: block; margin: 0; padding: 0; font-size: inherit;
	line-height: inherit; color: inherit; cursor: pointer; font-weight: 400;
}

.ccsave {
	margin-top: 16px;
}

/* Záložní odkaz v patičce. Patička 2026 vypisuje vlastní `.cookiesset`,
   takže se doplňuje jen tam, kde by jinak nebyl (fallback bez vrstvy). */
.za-cc-trigger {
	cursor: pointer;
}

/* Tablet: mřížka `1fr + auto` nechala vedle tří tlačítek na text ~230 px.
   Text jde přes celou šířku, tlačítka do řádku pod něj. Z návrhu. */
@media (max-width: 1069px) {
	.ccbar .wrap {
		grid-template-columns: 1fr; gap: 14px; padding-top: 16px; padding-bottom: 16px;
	}

	.ccact {
		justify-content: flex-start;
	}
}

@media (max-width: 767px) {
	.ccbar .wrap {
		grid-template-columns: 1fr; gap: 16px; padding: 16px 20px;
	}

	.ccact {
		justify-content: stretch;
	}

	.ccbtn-ano,
	.ccbtn-ne {
		flex: 1 1 calc(50% - 5px);
	}

	.ccbtn-vic {
		flex: 1 1 100%;
	}

	.ccbar p {
		font-size: 13.5px;
	}
}