/*
 * Úřední deska – výpis a detail.
 *
 * Vizuální logika: záznam je evidenční položka s obdobím vyvěšení. Období proto
 * nese hlavní meta řádek, typ dokumentu drží barevný pruh u levého okraje
 * (stejná barva pro stejný typ, odvozená ze slugu v PHP) a přílohy mají tvar
 * listu papíru s ohnutým rohem.
 *
 * Barvy písma a tlačítek dědíme z tématu – plugin si drží jen vlastní hranice,
 * odstíny typů a barvy formátů souborů.
 */

.ud {
	--ud-hairline: rgba(0, 0, 0, 0.1);
	--ud-muted: rgba(0, 0, 0, 0.55);
	--ud-surface: rgba(0, 0, 0, 0.025);
	--ud-radius: 6px;
	--ud-gap: 1rem;

	/* Výchozí odstín typu; .ud-c1–6 ho přepisují. */
	--ud-accent: #3d6b5c;
	--ud-accent-tint: rgba(61, 107, 92, 0.09);

	color: inherit;
	font: inherit;
}

/* Odstíny typů dokumentů – laděné k zelené webu, ne duhová paleta. */

.ud-c1 { --ud-accent: #3d6b5c; --ud-accent-tint: rgba(61, 107, 92, 0.09); }
.ud-c2 { --ud-accent: #2f5d7c; --ud-accent-tint: rgba(47, 93, 124, 0.09); }
.ud-c3 { --ud-accent: #7a4b6b; --ud-accent-tint: rgba(122, 75, 107, 0.09); }
.ud-c4 { --ud-accent: #93672c; --ud-accent-tint: rgba(147, 103, 44, 0.09); }
.ud-c5 { --ud-accent: #8a4536; --ud-accent-tint: rgba(138, 69, 54, 0.09); }
.ud-c6 { --ud-accent: #4b4f7d; --ud-accent-tint: rgba(75, 79, 125, 0.09); }
.ud-c7 { --ud-accent: #5b6169; --ud-accent-tint: rgba(91, 97, 105, 0.09); }

/* Popisek jen pro čtečky – u dat vyvěšení a u záhlaví tabulky. */
.ud .ud-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	white-space: nowrap;
	border: 0;
	clip-path: inset(50%);
}

/*
 * Vlastní šablony pluginu běží mimo obsahový kontejner tématu, takže si
 * odsazení musí zajistit samy. Netýká se to výpisu ve shortcodu ani detailu –
 * ty už uvnitř kontejneru stránky jsou.
 */
.ud--archive,
.ud--standalone {
	max-width: 68rem;
	margin: 0 auto;
	padding: 2.5rem 1.25rem 3.5rem;
}

/*
 * Dva sloupce jen tehdy, když je ve widget oblasti „Úřední deska – postranní
 * sloupec“ něco vloženého. Prázdná oblast = výpis přes celou šířku.
 */
/*
 * Poměr sloupců je stejný jako na stránkách skládaných v Elementoru
 * (např. /zakladni-skola/o-nas/): obsah 69,665 %, navigace 30 %, mezi nimi
 * 0,335 %. Vnitřní odsazení 10 px odpovídá výplni Elementor sloupců, takže
 * bloky navigace lícují s těmi na ostatních stránkách (ověřeno na pixel).
 */
.ud-layout--with-side {
	display: grid;
	grid-template-columns: 69.665% 30%;
	gap: 0.335%;
	align-items: start;
}

.ud-layout--with-side > .ud-layout__main,
.ud-layout--with-side > .ud-layout__side {
	padding-inline: 10px;
}

.ud-layout__main {
	min-width: 0;
}

.ud-layout__side .widget + .widget {
	margin-top: 1.75rem;
}

/*
 * Menu v postranním sloupci vypadá stejně jako Jet Nav Menu na ostatních
 * stránkách webu. Hodnoty jsou opsané z Elementor widgetu `e78cb27`
 * (/zakladni-skola/o-nas/) – ten je stylovaný per-stránku, takže jeho CSS sem
 * nedosáhne. Když se vzhled menu na webu změní, srovnejte i tenhle blok.
 */
#ud-sidebar .widget-title {
	margin: 0 0 1rem;
	font-family: "Poppins", sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.4;
	color: #3c3c3c;
}

#ud-sidebar .widget ul.menu,
#ud-sidebar .widget ul.menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#ud-sidebar .widget ul.menu li {
	margin: 0 0 16px;
}

#ud-sidebar .widget ul.menu li:last-child {
	margin-bottom: 0;
}

#ud-sidebar .widget ul.menu a {
	display: block;
	padding: 16px 29px 14px;
	border-radius: 6px;
	background-color: rgba(12, 19, 37, 0.03);
	color: #0c1325;
	font-family: "Poppins", sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5em;
	text-decoration: none;
	transition: background-color 0.2s ease, color 0.2s ease;
}

#ud-sidebar .widget ul.menu a:hover,
#ud-sidebar .widget ul.menu a:focus-visible,
#ud-sidebar .widget ul.menu .current-menu-item > a,
#ud-sidebar .widget ul.menu .current_page_item > a {
	background-color: #4d7469;
	color: #fff;
}

#ud-sidebar .widget ul.menu a:focus-visible {
	outline: 2px solid #4d7469;
	outline-offset: 2px;
}

/* Vnořené položky odsadíme, Jet menu je má jako rozbalovací. */
#ud-sidebar .widget ul.menu ul {
	margin-top: 16px;
	padding-left: 1rem;
}

@media (max-width: 1024px) {
	#ud-sidebar .widget ul.menu a {
		padding: 10px 20px;
	}
}

@media (max-width: 900px) {
	.ud-layout--with-side {
		grid-template-columns: minmax(0, 1fr);
		gap: 2rem;
	}

	.ud-layout--with-side > .ud-layout__main,
	.ud-layout--with-side > .ud-layout__side {
		padding-inline: 0;
	}
}

.ud-header {
	margin-bottom: 1.5rem;
}

/* Titulek archivu – ve stejné velikosti jako nadpis dokumentu na detailu. */
.ud-header__title {
	margin: 0;
	font-size: 1.75rem;
	line-height: 1.25;
}

/* --------------------------------------------------------------- Filtry */

.ud-filters {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 0.85rem var(--ud-gap);
	margin: 0 0 2rem;
	padding: 1.15rem 1.25rem;
	border: 1px solid var(--ud-hairline);
	border-radius: var(--ud-radius);
	background: var(--ud-surface);
}

.ud-filters__field {
	display: flex;
	flex-direction: column;
	gap: 0.3rem;
	flex: 1 1 12rem;
	/* Bez toho se select nesmrskne pod šířku své nejdelší položky a na mobilu
	   vyteče z obrazovky. */
	min-width: 0;
	margin: 0;
}

.ud-filters__field--search {
	flex: 2 1 18rem;
}

.ud-filters__field label {
	font-size: 0.7rem;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--ud-muted);
}

.ud-filters__field input,
.ud-filters__field select {
	width: 100%;
	max-width: 100%;
	min-height: 2.75rem;
	padding: 0.5rem 0.7rem;
	border: 1px solid var(--ud-hairline);
	border-radius: 4px;
	background-color: #fff;
	color: inherit;
	font: inherit;
	line-height: 1.4;
}

.ud-filters__field input:focus,
.ud-filters__field select:focus {
	border-color: var(--ud-accent);
	outline: 2px solid var(--ud-accent-tint);
	outline-offset: 0;
}

.ud-filters__actions {
	display: flex;
	align-items: center;
	gap: 0.9rem;
	margin: 0;
}

/*
 * Barvy tlačítka schválně NEnastavujeme – téma stylizuje každý <button> podle
 * svého schématu, takže filtr vypadá jako ostatní tlačítka na webu.
 */
.ud .ud-button {
	display: inline-block;
	max-width: 100%;
	min-height: 2.75rem;
	line-height: 1.4;
	text-decoration: none;
	cursor: pointer;
}

.ud .ud-button:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

.ud .ud-filters__reset {
	color: inherit;
	font-size: 0.85em;
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* --------------------------------------------------------------- Výpis */

.ud-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.ud-item {
	position: relative;
	padding: 1.4rem 0 1.5rem 1.15rem;
	border-top: 1px solid var(--ud-hairline);
}

.ud-item:last-child {
	border-bottom: 1px solid var(--ud-hairline);
}

/* Pruh typu dokumentu – nese barvu celé položky. */
.ud-item::before {
	content: "";
	position: absolute;
	top: 1.35rem;
	bottom: 1.45rem;
	left: 0;
	width: 4px;
	border-radius: 4px;
	background: var(--ud-accent);
}

/*
 * Nadpis je hlavní sdělení – typ dokumentu je až pod ním, tiše, v barvě svého
 * pruhu. Skenovat výpis podle typu jde díky pruhu u levého okraje.
 */
.ud-item__title {
	margin: 0;
	font-size: 1.3rem;
	font-weight: 500;
	line-height: 1.3;
	letter-spacing: -0.01em;
}

.ud-item__title a {
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-decoration-color: rgba(0, 0, 0, 0.22);
	text-underline-offset: 3px;
	transition: text-decoration-color 0.15s ease;
}

.ud-item__title a:hover,
.ud-item__title a:focus-visible {
	text-decoration-color: var(--ud-accent);
}

/* Meta řádek: období vyvěšení a číslo jednací */

.ud-item__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.3rem 1.4rem;
	margin: 0.6rem 0 0;
}

.ud-meta {
	display: inline-flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 0.4rem;
	font-size: 0.875rem;
}

.ud-meta__label {
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--ud-muted);
}

/* Typ dokumentu: tečka v barvě typu + název, bez verzálek. */
.ud-meta--type {
	gap: 0.4rem;
	color: var(--ud-accent);
	font-weight: 500;
}

.ud-meta--type::before {
	content: "";
	flex: 0 0 auto;
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	background: var(--ud-accent);
}

.ud--single .ud-item__meta {
	margin-top: 0.5rem;
}

.ud-meta__value {
	font-variant-numeric: tabular-nums;
}

.ud-meta__note {
	padding: 0.05rem 0.45rem;
	border-radius: 999px;
	background: var(--ud-accent-tint);
	color: var(--ud-accent);
	font-size: 0.75rem;
	font-style: normal;
	white-space: nowrap;
}

.ud-item__excerpt {
	margin: 0.7rem 0 0;
	max-width: 62ch;
}

/* ------------------------------------------------- Kompaktní výpis (řádky) */

/*
 * Název vlevo, evidenční údaje vpravo na společné účaří. Pruh typu, barvy
 * i typografie zůstávají stejné jako u karet – mění se jen hustota.
 */
.ud-item--compact {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: baseline;
	gap: 0.15rem 1.5rem;
	padding-top: 0.75rem;
	padding-bottom: 0.8rem;
}

.ud-item--compact::before {
	top: 0.85rem;
	bottom: 0.9rem;
}

.ud-compact__title {
	font-size: 1.05rem;
	letter-spacing: 0;
}

.ud-compact__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: flex-end;
	gap: 0.25rem 0.9rem;
	margin: 0;
	font-size: 0.875rem;
}

.ud-compact__range {
	display: inline-flex;
	align-items: baseline;
	gap: 0.35rem;
	white-space: nowrap;
}

.ud-compact__sep {
	color: var(--ud-muted);
}

.ud-compact__files {
	color: var(--ud-muted);
	font-size: 0.8rem;
	white-space: nowrap;
}

/*
 * Do jednoho sloupce dřív než zbytek výpisu: dva sloupce mají smysl jen
 * dokud se název i období vejdou vedle sebe bez zalomení.
 */
@media (max-width: 780px) {
	.ud-item--compact {
		grid-template-columns: minmax(0, 1fr);
		gap: 0.3rem;
	}

	.ud-compact__meta {
		justify-content: flex-start;
	}
}

/* ---------------------------------------------------- Tabulkový výpis */

.ud-table-wrap {
	overflow-x: auto;
}

.ud-table {
	width: 100%;
	margin: 0;
	border: 0;
	border-collapse: collapse;
	font-size: 0.9375rem;
}

.ud-table__head {
	padding: 0 0.9rem 0.55rem;
	border: 0;
	border-bottom: 1px solid var(--ud-hairline);
	text-align: left;
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--ud-muted);
}

.ud-table__head--doc {
	padding-left: 1.15rem;
}

.ud-table__cell {
	padding: 0.75rem 0.9rem;
	border: 0;
	border-top: 1px solid var(--ud-hairline);
	text-align: left;
	vertical-align: top;
	font-weight: inherit;
}

.ud-table__row:first-child > .ud-table__cell {
	border-top: 0;
}

.ud-table__row:last-child > .ud-table__cell {
	border-bottom: 1px solid var(--ud-hairline);
}

/* Pruh typu dokumentu jako u karet – nese ho první buňka řádku. */
.ud-table__cell--doc {
	position: relative;
	padding-left: 1.15rem;
}

.ud-table__cell--doc::before {
	content: "";
	position: absolute;
	top: 0.8rem;
	bottom: 0.8rem;
	left: 0;
	width: 4px;
	border-radius: 4px;
	background: var(--ud-accent);
}

.ud-table__link {
	font-weight: 500;
}

.ud-table__ref {
	display: block;
	margin-top: 0.15rem;
	font-size: 0.78rem;
	color: var(--ud-muted);
	font-variant-numeric: tabular-nums;
}

/*
 * Tečka typu se nesmí odtrhnout od názvu na vlastní řádek – zalamuje se až
 * text uvnitř. `.ud-meta` je flex kvůli kartám, tady to musíme vypnout.
 */
.ud-table__cell--type .ud-meta {
	flex-wrap: nowrap;
}

.ud-table__head--from,
.ud-table__head--to,
.ud-table__cell--date {
	white-space: nowrap;
}

/*
 * Aby se dvě značky formátu vešly vedle sebe, ne pod sebe. Šířka patří na
 * buňku záhlaví – `min-width` prohlížeč u `table-layout: auto` ignoruje.
 */
.ud-table__head--files {
	width: 7.5rem;
}

.ud-table__cell--date .ud-meta__note {
	display: inline-block;
	margin-left: 0.35rem;
}

.ud-table__files {
	display: flex;
	flex-wrap: wrap;
	gap: 0.3rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

/*
 * Značka formátu v tabulce je plochý štítek, ne list papíru jako u karet –
 * v řádku tabulky by papír s ohnutým rohem přerostl výšku buňky.
 */
.ud-chip {
	--kind: #5b6169;

	display: inline-block;
	padding: 0.1rem 0.4rem;
	border-radius: 3px;
	background: var(--kind);
	color: #fff;
	font-size: 0.65rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 1.5;
}

.ud-chip--pdf { --kind: #b3352e; }
.ud-chip--doc { --kind: #2f5d7c; }
.ud-chip--xls { --kind: #1f6b4a; }
.ud-chip--ppt { --kind: #a4552a; }
.ud-chip--img { --kind: #6f4a86; }
.ud-chip--zip { --kind: #5b5f66; }

.ud-table__file:hover .ud-chip,
.ud-table__file:focus-visible .ud-chip {
	filter: brightness(1.15);
}

/*
 * Na úzké obrazovce se tabulka rozpadne na bloky. Záhlaví zmizí z pohledu
 * (čtečka ho má dál) a popisek sloupce dodá každá buňka z `data-label`.
 */
@media (max-width: 720px) {
	.ud-table,
	.ud-table tbody,
	.ud-table__row,
	.ud-table__cell {
		display: block;
		width: auto;
	}

	.ud-table thead {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip-path: inset(50%);
	}

	.ud-table__row {
		position: relative;
		padding: 0.9rem 0 1rem 1.15rem;
		border-top: 1px solid var(--ud-hairline);
	}

	.ud-table__row:last-child {
		border-bottom: 1px solid var(--ud-hairline);
	}

	.ud-table__cell,
	.ud-table__row:first-child > .ud-table__cell,
	.ud-table__row:last-child > .ud-table__cell {
		padding: 0;
		border: 0;
	}

	.ud-table__cell + .ud-table__cell {
		margin-top: 0.35rem;
	}

	.ud-table__cell--doc::before {
		top: 0.15rem;
		bottom: auto;
		height: 1.3em;
	}

	/* Popisek a hodnota vedle sebe, ať blok nepřeroste do sloupce textu. */
	.ud-table__cell:not(.ud-table__cell--doc)::before {
		content: attr(data-label);
		display: inline-block;
		min-width: 7.5rem;
		font-size: 0.7rem;
		font-weight: 600;
		letter-spacing: 0.06em;
		text-transform: uppercase;
		color: var(--ud-muted);
	}

	.ud-table__cell--files {
		display: flex;
		align-items: baseline;
	}

	.ud-table__cell--date {
		white-space: normal;
	}
}

/* --------------------------------------------------------------- Přílohy */

.ud-files {
	margin-top: 1rem;
}

.ud-files__title {
	display: flex;
	align-items: center;
	gap: 0.45rem;
	margin: 0 0 0.5rem;
	font-size: 0.7rem;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	color: var(--ud-muted);
}

.ud-files__count {
	display: inline-grid;
	place-items: center;
	min-width: 1.25rem;
	height: 1.25rem;
	padding: 0 0.3rem;
	border-radius: 999px;
	background: var(--ud-accent-tint);
	color: var(--ud-accent);
	font-size: 0.7rem;
	letter-spacing: 0;
}

.ud-files__list {
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 0.3rem;
	margin: 0;
	padding: 0;
	max-width: 32rem;
}

.ud-file {
	position: relative;
	display: flex;
	align-items: center;
	gap: 0.7rem;
	padding: 0.45rem 0.6rem;
	border: 1px solid transparent;
	border-radius: var(--ud-radius);
	transition: background-color 0.15s ease, border-color 0.15s ease;
}

.ud-file:hover,
.ud-file:focus-within {
	border-color: var(--ud-hairline);
	background: var(--ud-surface);
}

.ud-file:focus-within {
	outline: 2px solid var(--ud-accent);
	outline-offset: 1px;
}

/* Chip ve tvaru listu papíru s ohnutým rohem. */
.ud-file__kind {
	--kind: #5b6169;

	position: relative;
	flex: 0 0 auto;
	display: grid;
	align-content: end;
	justify-items: center;
	width: 2.1rem;
	height: 2.6rem;
	padding-bottom: 0.4rem;
	border-radius: 3px;
	background: var(--kind);
	color: #fff;
	font-size: 0.55rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	clip-path: polygon(0 0, 66% 0, 100% 26%, 100% 100%, 0 100%);
}

.ud-file__kind::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 34%;
	height: 26%;
	background: rgba(255, 255, 255, 0.32);
	clip-path: polygon(0 0, 100% 100%, 0 100%);
}

.ud-file__kind--pdf { --kind: #b3352e; }
.ud-file__kind--doc { --kind: #2f5d7c; }
.ud-file__kind--xls { --kind: #1f6b4a; }
.ud-file__kind--ppt { --kind: #a4552a; }
.ud-file__kind--img { --kind: #6f4a86; }
.ud-file__kind--zip { --kind: #5b5f66; }

.ud-file__text {
	display: flex;
	flex-direction: column;
	gap: 0.1rem;
	min-width: 0;
}

/*
 * Podtržení si nese odkaz sám – web podtrhává jen odkazy uvnitř <article>,
 * takže v archivu by název souboru šel poznat pouze podle barvy.
 */
.ud-file__name {
	font-weight: 500;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-decoration-color: var(--ud-hairline);
	text-underline-offset: 2px;
	overflow-wrap: anywhere;
}

.ud-file:hover .ud-file__name,
.ud-file:focus-within .ud-file__name {
	text-decoration-color: var(--ud-accent);
}

/* Klikatelný je celý řádek, ne jen text odkazu. */
.ud-file__name::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: var(--ud-radius);
}

.ud-file__meta {
	font-size: 0.75rem;
	letter-spacing: 0.03em;
	color: var(--ud-muted);
	font-variant-numeric: tabular-nums;
}

/* --------------------------------------------------------------- Detail */

/*
 * Velikostí odpovídá nadpisům na ostatních stránkách webu (ty si je řeší
 * Elementorem, ne typografií tématu, kde má H2 na širokém displeji 40 px).
 */
.ud-detail__title {
	margin: 0 0 0.9rem;
	font-size: 1.6rem;
	line-height: 1.3;
}

.ud-detail__title::after {
	content: "";
	display: block;
	width: 2.5rem;
	height: 3px;
	margin-top: 0.7rem;
	border-radius: 3px;
	background: var(--ud-accent);
}

.ud-detail__back {
	margin: 0 0 0.75rem;
	font-size: 0.85rem;
}

.ud-detail__back a::before {
	content: "← ";
}

.ud-detail__meta {
	display: grid;
	grid-template-columns: minmax(9rem, max-content) 1fr;
	gap: 0.5rem 1.5rem;
	margin: 1.25rem 0 1.75rem;
	padding: 1.15rem 1.25rem;
	border: 1px solid var(--ud-hairline);
	border-left: 3px solid var(--ud-accent);
	border-radius: var(--ud-radius);
	background: var(--ud-surface);
}

.ud-detail__meta div {
	display: contents;
}

.ud-detail__meta dt {
	margin: 0;
	font-size: 0.7rem;
	font-weight: 600;
	line-height: 1.9;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--ud-muted);
}

.ud-detail__meta dd {
	margin: 0;
	font-variant-numeric: tabular-nums;
}

.ud-detail__content {
	max-width: 68ch;
}

.ud-notice {
	margin: 0.9rem 0 0;
	padding: 0.65rem 0.9rem;
	border-left: 3px solid var(--ud-accent);
	border-radius: 0 4px 4px 0;
	background: var(--ud-accent-tint);
	font-size: 0.9rem;
}

/* --------------------------------------------- Prázdný stav a stránkování */

.ud-empty {
	margin: 2rem 0;
	padding: 1.75rem 1.5rem;
	border: 1px dashed var(--ud-hairline);
	border-radius: var(--ud-radius);
	text-align: center;
}

.ud-empty__text {
	margin: 0 0 0.35rem;
	color: var(--ud-muted);
}

.ud-empty p:last-child {
	margin-bottom: 0;
}

.ud-pagination {
	margin-top: 2rem;
}

.ud-pagination ul {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
	margin: 0;
	padding: 0;
}

.ud-pagination a,
.ud-pagination span {
	display: inline-block;
	min-width: 2.4rem;
	padding: 0.4rem 0.7rem;
	border: 1px solid var(--ud-hairline);
	border-radius: 4px;
	text-align: center;
	text-decoration: none;
	font-variant-numeric: tabular-nums;
}

.ud-pagination a:hover,
.ud-pagination a:focus-visible {
	border-color: var(--ud-accent);
	color: var(--ud-accent);
}

.ud-pagination .current {
	border-color: var(--ud-accent);
	background: var(--ud-accent-tint);
	color: var(--ud-accent);
	font-weight: 600;
}

/* --------------------------------------------------------------- Mobil */

@media (max-width: 640px) {
	.ud-filters {
		padding: 1rem;
	}

	.ud-filters__field,
	.ud-filters__field--search {
		flex: 1 1 100%;
	}

	.ud-item__meta {
		flex-direction: column;
		gap: 0.2rem;
	}

	.ud-detail__meta {
		grid-template-columns: 1fr;
		gap: 0.15rem;
	}

	.ud-detail__meta div {
		display: block;
		margin-bottom: 0.6rem;
	}

	.ud-detail__meta dt {
		line-height: 1.4;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ud * {
		transition: none !important;
	}
}