/*
 * Šablóna stránky "Oznam" (page-oznam.php). Breadcrumb and H1 reuse .cat-breadcrumb / .cat-head (components/catalog.css).
 *
 * Classes:
 *   .oznam              page block
 *   .oznam-main(__inner) band with the card
 *   .oznam-card         editor content in a card (paragraphs, lists, bold, links, images)
 */

.oznam {
	font-family: var(--nd-font);
	font-size: var(--nd-fs-body);
	line-height: var(--nd-lh-body);
	color: var(--nd-c-ink);
}

/* The page has a single crumb: show it on phones too (catalog.css hides the current crumb <721px). */
.oznam .cat-breadcrumb__crumb--current {
	display: inline-flex;
}

.oznam-main {
	padding: var(--nd-sp-22) 0 var(--nd-home-sec-pb);
}

/* A block; one class already outranks layout.css "section > div" (flex column). */
.oznam-main__inner {
	display: block;
}

.oznam-card {
	max-width: var(--nd-measure-seo);
	padding: var(--nd-sp-20);
	border: 1px solid var(--nd-c-line);
	border-radius: var(--nd-radius);
	background: var(--nd-c-surface);
	overflow-wrap: anywhere;
}

.oznam-card > :first-child {
	margin-top: 0;
}

.oznam-card > :last-child {
	margin-bottom: 0;
}

.oznam-card :is(h2, h3, h4) {
	margin: var(--nd-sp-24) 0 var(--nd-sp-8);
	color: var(--nd-c-head);
	line-height: var(--nd-lh-head);
}

.oznam-card p {
	margin: 0 0 var(--nd-sp-12);
}

.oznam-card :is(ul, ol) {
	margin: 0 0 var(--nd-sp-12);
	padding-left: var(--nd-sp-24);
}

.oznam-card li {
	margin-bottom: var(--nd-sp-4);
}

.oznam-card :is(b, strong) {
	color: var(--nd-c-head);
	font-weight: var(--nd-fw-bold);
}

.oznam-card a {
	color: var(--nd-c-brand);
}

.oznam-card a:hover {
	color: var(--nd-c-brand-hover);
}

.oznam-card img {
	max-width: 100%;
	height: auto;
	border-radius: var(--nd-radius-m);
}

/* Snippet 165 removes the focus outline globally. */
.oznam :is(a, button, [tabindex]:not([tabindex="-1"])):focus-visible {
	outline: var(--focus-width) solid var(--nd-c-brand);
	outline-offset: var(--focus-width);
}

@media (min-width: 721px) {
	.oznam-card {
		padding: var(--nd-sp-30);
	}
}