/* Style modułu — ładowane tylko, gdy moduł jest włączony (includes/frontend/style-modulow.php). Wydzielone z parafia.css w 1.18.0 bez zmiany reguł. */

/* [parafia_zdjecie_kosciola] — pole o stałych proporcjach; bez zdjęcia rysunek kościoła. */
.pjcd-kosciol {
	position: relative;
	margin: 0;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	border-radius: var(--pjcd-radius-lg);
	background-color: var(--pjcd-paper-deep);
	box-shadow: var(--pjcd-shadow);
}
.pjcd-kosciol__img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.pjcd-kosciol--brak {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0.75rem;
	padding: 1.5rem;
	color: var(--pjcd-gold-ink);
	background: linear-gradient(180deg, var(--pjcd-sky-wash) 0%, var(--pjcd-paper-deep) 100%);
	border: 1px solid var(--pjcd-line);
	box-shadow: none;
}
.pjcd-kosciol__rysunek {
	width: 82%;
	max-width: 26rem;
	height: auto;
}
.pjcd-kosciol__slonce {
	fill: var(--pjcd-gold);
	opacity: 0.3;
}
.pjcd-kosciol__podpis {
	color: var(--pjcd-ink-muted);
	font-family: var(--pjcd-font-body);
	font-size: 0.8rem;
	letter-spacing: 0.04em;
	text-align: center;
}
/* === [parafia_album] — album zdjęć jako mozaika (1.15.0) ===
   Kolumny o stałych proporcjach kadru (pionowe 3:4, poziome 3:2): 4 kolumny, 3 na tablecie. Na telefonie
   siatka 2 × 2 kwadratów z pierwszymi zdjęciami i nakładką „+N” na ostatnim — reszta w lightboxie. */
.pjcd-fotoalbum__mozaika {
	columns: 4;
	column-gap: 0.75rem;
}
.pjcd-fotoalbum__zdjecie {
	position: relative;
	display: block;
	overflow: hidden;
	margin-bottom: 0.75rem;
	break-inside: avoid;
	background-color: var(--pjcd-paper-deep);
	border-radius: var(--pjcd-radius);
}
.pjcd-fotoalbum__zdjecie img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.25s ease;
}
.pjcd-fotoalbum__zdjecie:hover img {
	transform: scale(1.03,1.03);
}
.pjcd-fotoalbum__zdjecie:focus-visible {
	outline: 2px solid var(--pjcd-brand);
	outline-offset: 2px;
}
.pjcd-fotoalbum__zdjecie--pion {
	aspect-ratio: 3 / 4;
}
.pjcd-fotoalbum__zdjecie--poziom {
	aspect-ratio: 3 / 2;
}
@media (max-width:1023px) {
	.pjcd-fotoalbum__mozaika {
			columns: 3;
		}
}
@media (max-width:767px) {
	.pjcd-fotoalbum__mozaika {
			columns: auto;
			display: grid;
			grid-template-columns: repeat(2,minmax(0,1fr));
			gap: 0.5rem;
		}
	.pjcd-fotoalbum__zdjecie--pion,
		.pjcd-fotoalbum__zdjecie--poziom {
			margin-bottom: 0;
			aspect-ratio: 1 / 1;
		}
	.pjcd-fotoalbum__zdjecie--dalej {
			display: none;
		}
	.pjcd-fotoalbum__zdjecie[data-wiecej]::after {
			content: attr(data-wiecej);
			position: absolute;
			inset: 0;
			display: grid;
			place-items: center;
			background-color: rgba(32,20,14,0.58);
			color: var(--pjcd-surface);
			font-family: var(--pjcd-font-display);
			font-size: 2rem;
			font-weight: 600;
		}
}