/*
 * radiotv26 – výpisy (rubrika, štítek, autor, archiv, hledání, prázdný stav).
 * Načítá se automaticky přes r26_styly_casti(). Jen proměnné ze style.css (světlý i tmavý režim).
 */

/* ===== Hlavička výpisu ===== */
.r26-vypis-hlava { margin: 0 0 24px; }
.r26-vypis-hlava .r26-nadpis-stranky { margin-bottom: 0; overflow-wrap: anywhere; }
.r26-vypis-hlava--obrazek { display: flex; align-items: center; gap: 20px; }
.r26-vypis-hlava__obr { flex: 0 0 auto; line-height: 0; }
.r26-vypis-hlava__obr img { width: 88px; height: 88px; border-radius: 999px; object-fit: cover; background: var(--surface); }
.r26-vypis-hlava__text { min-width: 0; display: flex; flex-direction: column; gap: 10px; }
.r26-vypis-hlava__popis { color: var(--muted); font-size: 17px; max-width: 70ch; }
.r26-vypis-hlava__popis p { margin: 0 0 8px; }
.r26-vypis-hlava__popis p:last-child { margin-bottom: 0; }
.r26-vypis-hlava__popis a { color: var(--accent-text); text-decoration: underline; }
.r26-vypis-hlava__meta { font-weight: 600; }
@media (max-width: 600px) {
	.r26-vypis-hlava--obrazek { align-items: flex-start; gap: 14px; }
	.r26-vypis-hlava__obr img { width: 64px; height: 64px; }
}

/* ===== Čipy podrubrik (vzhled jako .r26-tab, ale odkazy) ===== */
.r26-cipy { margin: 0 0 24px; }
.r26-cipy__seznam { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; }
.r26-cipy__seznam li { margin: 0; }
.r26-tab.r26-cip {
	display: inline-flex; align-items: center; justify-content: center;
	min-height: 44px; padding: 0 18px; border-radius: 999px;
	border: 1px solid var(--border); background: transparent;
	color: var(--text); font-size: 14px; font-weight: 600; line-height: 1.2; text-decoration: none;
}
.r26-tab.r26-cip:hover { border-color: var(--accent); color: var(--text); }
.r26-tab.r26-cip--aktivni,
.r26-tab.r26-cip[aria-current="page"] { background: var(--accent); border-color: var(--accent); color: var(--on-accent) !important; }
.r26-tab.r26-cip--aktivni:hover { background: var(--accent-hover); border-color: var(--accent-hover); }
@media (max-width: 600px) {
	/* Na mobilu jeden vodorovně posuvný řádek místo několika řádků čipů. */
	.r26-cipy .r26-cipy__seznam { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 6px; scrollbar-width: thin; -webkit-overflow-scrolling: touch; }
	.r26-cipy .r26-cipy__seznam li { flex: 0 0 auto; }
}

/* ===== První článek rubriky jako velká karta ===== */
.r26-vypis .r26-karta--velka { margin-bottom: 6px; }
.r26-vypis .r26-karta--velka .r26-karta__titulek { font-size: 34px; }
@media (max-width: 700px) { .r26-vypis .r26-karta--velka .r26-karta__titulek { font-size: 26px; } }

/* ===== Formulář hledání ===== */
.r26-hledani { margin: 0 0 28px; max-width: 640px; }
.r26-hledani__label { display: block; margin: 0 0 8px; font-size: 14px; font-weight: 600; color: var(--muted); }
.r26-hledani__radek { display: flex; gap: 10px; }
.r26-hledani__pole {
	flex: 1 1 auto; min-width: 0; min-height: 48px; padding: 0 18px;
	border: 1px solid var(--border); border-radius: 999px;
	background: var(--surface); color: var(--text);
	font: inherit; font-size: 16px;
	-webkit-appearance: none; appearance: none;
}
.r26-hledani__pole::placeholder { color: var(--muted); opacity: 1; }
.r26-hledani__pole:hover { border-color: var(--muted); }
.r26-hledani__pole:focus { border-color: var(--accent); }
.r26-hledani__tlacitko {
	flex: 0 0 auto; min-height: 48px; min-width: 44px; padding: 0 24px;
	border: 0; border-radius: 999px; cursor: pointer;
	background: var(--accent); color: var(--on-accent);
	font: inherit; font-weight: 600;
}
.r26-hledani__tlacitko:hover { background: var(--accent-hover); }
@media (max-width: 420px) {
	.r26-hledani__radek { flex-direction: column; }
	.r26-hledani__tlacitko { width: 100%; }
}

/* ===== Prázdný stav ===== */
.r26-prazdno {
	background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius);
	padding: 32px; display: flex; flex-direction: column; gap: 16px;
}
.r26-prazdno__h { font-family: var(--font-h); font-size: 26px; font-weight: 700; line-height: 1.2; }
.r26-prazdno__text { margin: 0; color: var(--muted); font-size: 17px; max-width: 60ch; }
.r26-prazdno .r26-hledani { margin: 4px 0 0; }
.r26-prazdno .r26-hledani__pole { background: var(--bg); }
.r26-prazdno__rubriky { margin-top: 4px; }
.r26-prazdno__podnadpis { margin: 0 0 10px; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--accent-text); }
.r26-prazdno .r26-tab.r26-cip { background: var(--bg); }
.r26-prazdno .r26-tab.r26-cip:hover { border-color: var(--accent); }
.r26-prazdno__domu { margin: 4px 0 0; }
@media (max-width: 600px) {
	.r26-prazdno { padding: 22px 20px; }
	.r26-prazdno__h { font-size: 22px; }
}

/* revize: okraje vstupních polí s kontrastem ≥ 3:1 (WCAG 1.4.11) */
.r26 .r26-hledani__pole, .r26 .rtv-mb-search-form input[type="search"], .r26 .r26-komentare .comment-form input, .r26 .r26-komentare .comment-form textarea { border-color: var(--border-strong); }