/**
 * Tekstualne stranice (šablon "tekst"): Uslovi kupovine, Dostava i povrat, Politika privatnosti,
 * Kolačići, Obrazac za odustanak. Samo naslov i tekst, kolona 40rem (contentSize), bez slika.
 * Učitava se samo na stranicama sa ovim šablonom (functions.php).
 */

.kl-tekst {
	padding-block: var(--wp--preset--spacing--09) var(--wp--preset--spacing--11);
}

.kl-tekst__naslov {
	margin-block: 0;
	font-size: var(--wp--preset--font-size--h-1);
	font-weight: 500;
	line-height: var(--wp--custom--line-height--h-1);
	letter-spacing: var(--wp--custom--letter-spacing--h-1);
}

.kl-tekst__sadrzaj {
	margin-block-start: var(--wp--preset--spacing--03);
	font-size: var(--wp--preset--font-size--body);
	line-height: var(--wp--custom--line-height--body);
}

.kl-tekst__sadrzaj > * {
	margin-block: 0 var(--wp--preset--spacing--05);
}

/* "Poslednja izmena" odmah ispod naslova. */
.kl-tekst__sadrzaj > .kl-tekst__datum {
	margin-block-end: var(--wp--preset--spacing--08);
	font-size: var(--wp--preset--font-size--body-sm);
	color: var(--wp--preset--color--grey-600);
}

.kl-tekst__sadrzaj h2 {
	margin-block: var(--wp--preset--spacing--09) var(--wp--preset--spacing--04);
	font-size: var(--wp--preset--font-size--h-3);
	font-weight: 500;
	line-height: var(--wp--custom--line-height--h-3);
	scroll-margin-top: calc(var(--wp--custom--header--height-desktop) + var(--wp--preset--spacing--06));
}

.kl-tekst__sadrzaj h3 {
	margin-block: var(--wp--preset--spacing--07) var(--wp--preset--spacing--03);
	font-size: var(--wp--preset--font-size--h-5);
	font-weight: 500;
	line-height: var(--wp--custom--line-height--h-5);
}

.kl-tekst__sadrzaj h2 + h3 {
	margin-block-start: 0;
}

.kl-tekst__sadrzaj ul,
.kl-tekst__sadrzaj ol {
	padding-inline-start: var(--wp--preset--spacing--06);
}

.kl-tekst__sadrzaj li + li {
	margin-block-start: var(--wp--preset--spacing--03);
}

/* Podaci prodavca ([kl_prodavac]): lista bez tačaka. */
.kl-tekst__sadrzaj .kl-prodavac {
	padding: 0;
	list-style: none;
}

.kl-tekst__sadrzaj .kl-prodavac li + li {
	margin-block-start: var(--wp--preset--spacing--02);
}

.kl-prodavac__labela {
	color: var(--wp--preset--color--grey-600);
}

.kl-nema-podatka {
	color: var(--wp--preset--color--grey-600);
	font-style: italic;
}

/* Tabela (spisak kolačića). Na telefonu je svaki red blok: naziv, svrha, trajanje (sivo). */
.kl-tekst__sadrzaj .wp-block-table table {
	width: 100%;
	border-collapse: collapse;
	font-size: var(--wp--preset--font-size--body-sm);
	line-height: var(--wp--custom--line-height--body-sm);
}

.kl-tekst__sadrzaj .wp-block-table th,
.kl-tekst__sadrzaj .wp-block-table td {
	padding: var(--wp--preset--spacing--03) var(--wp--preset--spacing--04) var(--wp--preset--spacing--03) 0;
	border: 0;
	border-block-end: var(--wp--custom--border--hairline) solid var(--wp--preset--color--grey-200);
	text-align: start;
	vertical-align: top;
}

.kl-tekst__sadrzaj .wp-block-table th {
	font-weight: 500;
	border-block-end-color: var(--wp--preset--color--black);
}

.kl-tekst__sadrzaj code {
	font-size: 0.9em;
	overflow-wrap: anywhere;
}

/* Obrazac za odustanak: okvir oko teksta koji se kopira. */
.kl-tekst__sadrzaj .kl-tekst__obrazac {
	padding: var(--wp--preset--spacing--06);
	border: var(--wp--custom--border--hairline) solid var(--wp--preset--color--grey-400);
}

.kl-tekst__sadrzaj .kl-tekst__obrazac > * {
	margin-block: 0;
}

.kl-tekst__sadrzaj .kl-tekst__obrazac > * + * {
	margin-block-start: var(--wp--preset--spacing--05);
}

@media (max-width: 41.99rem) {
	.kl-tekst {
		padding-block-start: var(--wp--preset--spacing--07);
	}

	.kl-tekst__sadrzaj h2 {
		margin-block-start: var(--wp--preset--spacing--08);
		scroll-margin-top: calc(var(--wp--custom--header--height-mobile) + var(--wp--preset--spacing--06));
	}

	.kl-tekst__sadrzaj .kl-tekst__obrazac {
		padding: var(--wp--preset--spacing--05);
	}

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

	.kl-tekst__sadrzaj .wp-block-table tr {
		display: block;
		padding-block: var(--wp--preset--spacing--04);
		border-block-end: var(--wp--custom--border--hairline) solid var(--wp--preset--color--grey-200);
	}

	.kl-tekst__sadrzaj .wp-block-table td {
		display: block;
		padding: 0;
		border: 0;
	}

	.kl-tekst__sadrzaj .wp-block-table td + td {
		margin-block-start: var(--wp--preset--spacing--02);
	}

	.kl-tekst__sadrzaj .wp-block-table td:last-child {
		color: var(--wp--preset--color--grey-600);
	}
}