/**
 * Galéria és nagyítás — a PhotoSwipe alapértékeinek felülírása.
 *
 * A színek a téma tokenjeiből jönnek; ha a téma nem adja őket, a böngésző
 * rendszerszínei (Canvas / CanvasText) lépnek be — beégetett szín nincs.
 */

.pswp {
	--pswp-bg: var(--wp--preset--color--contrast, CanvasText);
	--pswp-placeholder-bg: var(--wp--preset--color--contrast-2, CanvasText);
	--pswp-icon-color: var(--wp--preset--color--inverse, Canvas);
	--pswp-icon-color-secondary: var(--wp--preset--color--contrast, CanvasText);
	--pswp-icon-stroke-color: var(--wp--preset--color--contrast, CanvasText);
	--pswp-error-text-color: var(--wp--preset--color--inverse, Canvas);
	font-family: var(--wp--preset--font-family--body, inherit);
}

/* WCAG 2.5.7: a húzásnak kell gombos alternatíva — a PhotoSwipe érintőképernyőn
   elrejtené a lapozó nyilakat. Egyetlen kép esetén továbbra is rejtve. */
.pswp--touch .pswp__button--arrow {
	visibility: visible;
}

/* Látható fókusz a nagyító gombjain (2.4.7). */
.pswp__button:focus-visible {
	outline: 2px solid var(--wp--preset--color--inverse, Canvas);
	outline-offset: -4px;
}

.pswp__szkp-caption {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	max-height: 30vh;
	overflow: auto;
	padding: 0.75rem 1.25rem calc(0.75rem + env(safe-area-inset-bottom));
	background: color-mix(in srgb, var(--wp--preset--color--contrast, CanvasText) 80%, transparent);
	color: var(--wp--preset--color--inverse, Canvas);
	font-size: var(--wp--preset--font-size--small, 0.9375rem);
	line-height: 1.5;
	text-align: center;
}

.pswp__szkp-caption[hidden] {
	display: none;
}

/* A képernyőolvasó-szöveg a nagyítóban is legyen rejtett (a téma
   osztálya a PhotoSwipe gyökerén kívül is érvényes, ez biztosíték). */
.pswp .screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
}

/* Bélyegképek: jelezzük, hogy nagyíthatók, és a fókusz látsszon. */
.szkp-lightbox-gallery a[data-pswp-width] {
	display: block;
	cursor: zoom-in;
}

.szkp-lightbox-gallery a[data-pswp-width]:focus-visible {
	outline: 3px solid var(--wp--preset--color--accent, Highlight);
	outline-offset: 3px;
}

@media (hover: hover) {
	.szkp-lightbox-gallery a[data-pswp-width] img {
		transition: opacity 160ms ease;
	}

	.szkp-lightbox-gallery a[data-pswp-width]:hover img {
		opacity: 0.88;
	}
}

@media (prefers-reduced-motion: reduce) {
	.szkp-lightbox-gallery a[data-pswp-width] img {
		transition: none;
	}
}

/* A core a képaláírást a kép FÖLÉ teszi (abszolút pozíció, a kép teljes
   magasságáig nőhet). 2026-09-30, ügyfél: telefonon a kétoszlopos, kis
   csempéken a 3–4 soros aláírás a kép 72–100%-át takarta, és elnyelte az
   érintést — a nagyító nem nyílt meg. Az aláírás nem interaktív: az érintés
   átmegy rajta a kép linkjére. Ha mégis link van benne, az kattintható marad. */
.szkp-lightbox-gallery figcaption {
	pointer-events: none;
}

.szkp-lightbox-gallery figcaption a {
	pointer-events: auto;
}