/**
 * Posmrtnice: layout sa sidebarom, pretraga, kalendar i listing.
 *
 * Ton je namerno tih: hairline linije, topli neutralni tonovi, bez jakih
 * boja i bez izraženih senki. Tipografija prati temu (Droid Serif + Montserrat).
 */

/* Kontejner teme (.post-container1) je taman (#2f2f2f), pa su podrazumevane
   vrednosti podešene za tamnu podlogu. Unutar svetlih kutija — forme,
   kalendara i bloka predstojećih sahrana — iste promenljive se redefinišu
   na tamne, pa sva ostala pravila rade u oba konteksta bez dupliranja. */
.posmrtnice-layout {
	--pm-paper: #faf8f5;
	--pm-linija: rgba(255, 255, 255, 0.16);
	--pm-linija-jaka: rgba(255, 255, 255, 0.3);
	--pm-tekst: #f2f0ed;
	--pm-prigusen: #b4aea6;
	--pm-akcenat: #c2a878;
	--pm-akcenat-tamni: #d4bd93;
	--pm-fokus: #7fd8f7;
}

.posmrtnice-filter,
.posmrtnice-kalendar,
.posmrtnice-blok--predstojece {
	--pm-linija: #e0dbd3;
	--pm-linija-jaka: #c9c2b7;
	--pm-tekst: #33302c;
	--pm-prigusen: #6f6962;
	--pm-akcenat: #7d6a4f;
	--pm-akcenat-tamni: #6a5942;
	--pm-fokus: #2b6cb0;
}

/* -------------------------------------------------- Razmak od ivica kutije */

/* .section-inner je fiksnih 1040px bez bočnog razmaka, pa se sadržaj
   naslanja na ivice tamne kutije. Ovaj fajl se učitava samo na stranici
   posmrtnica, pa je bezbedno dirati temin kontejner. */
.post-container1 {
	padding: 0 28px 48px;
}

/* -------------------------------------------------- Layout */

.posmrtnice-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 296px;
	gap: 56px;
	align-items: start;
	text-align: left;
}

/* Sidebar prati skrol na dugačkim listama. */
.posmrtnice-layout__sidebar {
	position: sticky;
	top: 24px;
}

/* -------------------------------------------------- Blokovi */

.posmrtnice-blok + .posmrtnice-blok {
	margin-top: 64px;
}

.posmrtnice-blok__naslov {
	font-family: "Droid Serif", Georgia, serif;
	font-size: 22px;
	font-weight: 400;
	color: var(--pm-tekst);
	margin: 0 0 22px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--pm-linija);
}

/* Predstojeće sahrane su primarna informacija — dobijaju akcenat i podlogu. */
.posmrtnice-blok--predstojece .posmrtnice-blok__naslov {
	border-bottom-color: var(--pm-akcenat);
}

.posmrtnice-blok--predstojece {
	background: var(--pm-paper);
	border: 1px solid var(--pm-linija);
	border-left: 3px solid var(--pm-akcenat);
	padding: 26px 28px 28px;
}

/* -------------------------------------------------- Forma */

.posmrtnice-filter {
	background: var(--pm-paper);
	border: 1px solid var(--pm-linija);
	border-top: 3px solid var(--pm-akcenat);
	padding: 24px 22px 20px;
	margin: 0 0 24px;
}

.posmrtnice-filter fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

.posmrtnice-filter__legend {
	font-family: "Droid Serif", Georgia, serif;
	font-size: 17px;
	color: var(--pm-tekst);
	padding: 0;
	margin: 0 0 18px;
}

.posmrtnice-filter__field {
	display: flex;
	flex-direction: column;
	margin-bottom: 14px;
}

.posmrtnice-filter__field label {
	font-family: Montserrat, "Helvetica Neue", sans-serif;
	font-size: 11px;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	color: var(--pm-prigusen);
	margin-bottom: 6px;
}

.posmrtnice-filter__field input {
	font-family: inherit;
	font-size: 15px;
	color: var(--pm-tekst);
	background: #fff;
	border: 1px solid var(--pm-linija);
	border-radius: 0;
	padding: 10px 11px;
	width: 100%;
	box-sizing: border-box;
	transition: border-color 160ms ease;
}

.posmrtnice-filter__field input:hover {
	border-color: var(--pm-linija-jaka);
}

.posmrtnice-filter__field input:focus {
	outline: 2px solid var(--pm-fokus);
	outline-offset: 1px;
	border-color: var(--pm-akcenat);
}

.posmrtnice-filter__submit {
	font-family: Montserrat, "Helvetica Neue", sans-serif;
	font-size: 12px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #fff;
	background: var(--pm-akcenat);
	border: 1px solid var(--pm-akcenat);
	border-radius: 0;
	padding: 12px 20px;
	width: 100%;
	margin-top: 4px;
	cursor: pointer;
	transition: background-color 160ms ease;
}

.posmrtnice-filter__submit:hover {
	background: var(--pm-akcenat-tamni);
}

.posmrtnice-filter__submit:focus-visible {
	outline: 2px solid var(--pm-fokus);
	outline-offset: 2px;
}

.posmrtnice-filter__reset {
	margin: 14px 0 0;
	font-size: 13px;
	text-align: center;
}

.posmrtnice-filter__reset a {
	color: var(--pm-prigusen);
	border-bottom: 1px solid var(--pm-linija);
	text-decoration: none;
}

.posmrtnice-filter__reset a:hover {
	color: var(--pm-akcenat);
	border-bottom-color: var(--pm-akcenat);
}

/* -------------------------------------------------- Kalendar */

.posmrtnice-kalendar {
	background: #fff;
	border: 1px solid var(--pm-linija);
	padding: 18px 16px 14px;
}

.posmrtnice-kalendar__nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 14px;
}

.posmrtnice-kalendar__mesec {
	font-family: "Droid Serif", Georgia, serif;
	font-size: 15px;
	color: var(--pm-tekst);
}

.posmrtnice-kalendar__strelica {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	color: var(--pm-prigusen);
	text-decoration: none;
	border: 1px solid transparent;
	transition: border-color 160ms ease, color 160ms ease;
}

.posmrtnice-kalendar__strelica:hover {
	color: var(--pm-akcenat);
	border-color: var(--pm-linija);
}

.posmrtnice-kalendar__strelica:focus-visible {
	outline: 2px solid var(--pm-fokus);
	outline-offset: 1px;
}

.posmrtnice-kalendar__tabela {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}

.posmrtnice-kalendar__tabela th {
	font-family: Montserrat, "Helvetica Neue", sans-serif;
	font-size: 10px;
	font-weight: 400;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--pm-prigusen);
	padding: 0 0 8px;
	text-align: center;
	border: 0;
}

.posmrtnice-kalendar__tabela td {
	padding: 1px;
	text-align: center;
	border: 0;
}

.posmrtnice-kalendar__dan a,
.posmrtnice-kalendar__dan span {
	display: block;
	line-height: 30px;
	font-size: 13px;
	text-decoration: none;
	border: 1px solid transparent;
}

/* Dan bez sahrane nije link — vizuelno se povlači. */
.posmrtnice-kalendar__dan span {
	color: #b5aea4;
}

.posmrtnice-kalendar__dan.is-aktivan a {
	color: var(--pm-akcenat);
	font-weight: 700;
	background: var(--pm-paper);
	border-color: var(--pm-linija);
	transition: background-color 160ms ease, color 160ms ease;
}

.posmrtnice-kalendar__dan.is-aktivan a:hover {
	background: var(--pm-akcenat);
	border-color: var(--pm-akcenat);
	color: #fff;
}

.posmrtnice-kalendar__dan.is-aktivan a:focus-visible {
	outline: 2px solid var(--pm-fokus);
	outline-offset: 1px;
}

.posmrtnice-kalendar__dan.is-danas a,
.posmrtnice-kalendar__dan.is-danas span {
	box-shadow: inset 0 -2px 0 var(--pm-linija-jaka);
}

.posmrtnice-kalendar__dan.is-izabran a {
	background: var(--pm-akcenat);
	border-color: var(--pm-akcenat);
	color: #fff;
}

.posmrtnice-kalendar__legenda {
	margin: 12px 0 0;
	font-size: 11px;
	line-height: 1.5;
	color: var(--pm-prigusen);
	text-align: center;
}

/* -------------------------------------------------- Poruke */

.posmrtnice-summary,
.posmrtnice-notice,
.posmrtnice-empty {
	font-size: 14px;
	color: var(--pm-prigusen);
	margin: 0 0 20px;
}

.posmrtnice-summary strong {
	color: var(--pm-tekst);
}

.posmrtnice-notice {
	border-left: 2px solid var(--pm-linija);
	padding-left: 14px;
}

/* Vidi je samo administrator kad plugin nije aktivan — mora da se čita
   i na tamnoj podlozi, pa svetlija nijansa od uobičajene crvene. */
.posmrtnice-notice--error {
	border-left-color: #ef8a87;
	color: #ef8a87;
}

.posmrtnice-empty {
	padding: 40px 0;
	text-align: center;
	font-size: 16px;
}

.posmrtnice-empty--tiho {
	padding: 16px 0 4px;
	font-size: 14px;
	text-align: left;
}

/* -------------------------------------------------- Mreža kartica */

/* Grid zamenjuje float iz style.css — redovi ostaju poravnati i kad
   kartice imaju različitu količinu teksta ispod slike. */
/* Dve kolone, a ne tri: uz sidebar je kolona sadržaja oko 600px, pa bi tri
   dale ~187px po slici — premalo za skenirani dokument sa tekstom. */
.posmrtnice-layout .post-inner.post-inner-posmrtnice {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 30px 24px;
	max-width: 100%;
	padding: 0;
}

.posmrtnice-layout .post-content-posmrtnice {
	width: auto;
	float: none;
	margin: 0;
}

.posmrtnice-layout .featured-media-img {
	overflow: hidden;
	background: #fff;
	border: 1px solid var(--pm-linija);
}

/* Posmrtnice su skenirani dokumenti — ne smeju da se seku.
   97,8% ih ima odnos 1,41:1 (A4 položeno), pa fiksiran odnos drži redove
   poravnate, a `contain` čuva ceo sadržaj. Preostalih 2% dobije uzan beli
   okvir sa strane, koji se ne vidi jer su skenovi ionako beli. */
.posmrtnice-layout .featured-media-img img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1.41 / 1;
	object-fit: contain;
	padding: 0;
	background: #fff;
	transition: transform 320ms cubic-bezier(0.16, 1, 0.3, 1);
}

.posmrtnice-layout .featured-media-img a:hover img {
	transform: scale(1.03);
}

.posmrtnice-layout .featured-media-img a:focus-visible {
	outline: 2px solid var(--pm-fokus);
	outline-offset: 2px;
}

.posmrtnica-meta {
	padding: 11px 2px 0;
}

.posmrtnica-meta__ime {
	font-family: "Droid Serif", Georgia, serif;
	font-size: 15px;
	line-height: 1.4;
	color: var(--pm-tekst);
	margin: 0;
}

.posmrtnica-meta__datum {
	font-size: 13px;
	color: var(--pm-prigusen);
	margin: 4px 0 0;
}

.posmrtnica-meta__oznaka {
	font-family: Montserrat, "Helvetica Neue", sans-serif;
	font-size: 10px;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	color: var(--pm-akcenat);
	margin-right: 5px;
}

/* -------------------------------------------------- Paginacija */

.posmrtnice-pagination {
	margin: 40px 0 0;
	padding-top: 22px;
	border-top: 1px solid var(--pm-linija);
	text-align: center;
}

.posmrtnice-pagination .page-numbers {
	display: inline-block;
	min-width: 36px;
	padding: 8px 10px;
	margin: 0 3px 6px;
	font-size: 13px;
	color: var(--pm-prigusen);
	text-decoration: none;
	border: 1px solid transparent;
	transition: border-color 160ms ease, color 160ms ease;
}

.posmrtnice-pagination a.page-numbers:hover {
	color: var(--pm-akcenat);
	border-color: var(--pm-linija);
}

.posmrtnice-pagination .page-numbers.current {
	color: var(--pm-tekst);
	border-color: var(--pm-akcenat);
}

.posmrtnice-pagination a:focus-visible {
	outline: 2px solid var(--pm-fokus);
	outline-offset: 1px;
}

/* -------------------------------------------------- Responsive */

@media screen and (max-width: 1100px) {
	.post-container1 {
		padding: 0 24px 40px;
	}

	.posmrtnice-layout {
		gap: 36px;
		grid-template-columns: minmax(0, 1fr) 270px;
	}
}

@media screen and (max-width: 860px) {
	.post-container1 {
		padding: 0 20px 36px;
	}

	/* Pretraga ide iznad sadržaja kad se kolone slože. */
	.posmrtnice-layout {
		grid-template-columns: minmax(0, 1fr);
		gap: 32px;
	}

	.posmrtnice-layout__sidebar {
		position: static;
		order: -1;
	}

	.posmrtnice-blok--predstojece {
		padding: 20px 18px 22px;
	}

	.posmrtnice-blok + .posmrtnice-blok {
		margin-top: 44px;
	}
}

/* Na telefonu jedna kolona — tek tada je skenirani tekst zaista čitljiv. */
@media screen and (max-width: 520px) {
	.posmrtnice-layout .post-inner.post-inner-posmrtnice {
		grid-template-columns: minmax(0, 1fr);
		gap: 24px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.posmrtnice-filter__field input,
	.posmrtnice-filter__submit,
	.posmrtnice-kalendar__strelica,
	.posmrtnice-kalendar__dan.is-aktivan a,
	.posmrtnice-layout .featured-media-img img,
	.posmrtnice-pagination .page-numbers {
		transition: none;
	}

	.posmrtnice-layout .featured-media-img a:hover img {
		transform: none;
	}
}

/* Tema nema garantovano .screen-reader-text — caption kalendara mora ostati skriven. */
.posmrtnice-kalendar .screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}