/*
 * Villa Arbora — képréteg (core/image).
 *
 * A design system 06. szekciója szerint. A réteg NEM díszítés: a meglévő fotók
 * világos, borult, kora tavaszi felvételek, a márka regisztere viszont sötét —
 * enélkül a fotó és az arculat két külön nyelvet beszél.
 *
 * Három réteg: (1) gradálás  (2) scrim: sötét + arany fátyol  (3) arany hajszálkeret.
 *
 * MIÉRT ITT: pszeudo-elem és szűrő — a theme.json egyiket sem tudja.
 * Blokk-specifikus, ezért wp_enqueue_block_style-lal jön (functions.php),
 * és csak azokon az oldalakon töltődik, ahol van kép.
 */

.wp-block-image.is-style-arbora-media,
.wp-block-image.is-style-arbora-media-frame {
	--arbora-scrim: 0.5;
	position: relative;
	overflow: hidden;
	display: block;
}

/* ==========================================================================
 * ALAP = VILÁGOS-ELSŐ  (megfordítva 2026-09-09)
 *
 * MIÉRT: a téma a v85-ben világos-elsőre váltott (lásd style.css „VILÁGOS-ELSŐ"
 * blokk), a képréteg viszont sötét-első maradt — a scrim és a fokozat CSAK
 * `.is-style-section-bone` alatt kapcsolt át. Így minden olyan világos sáv,
 * ami nem pont ezt a változatot használja (pl. a galéria `#FAF9F6` sávjai),
 * megkapta a SÖTÉT fátylat világos háttéren.
 *
 * Mérve a galérián: a 0. és 2. szekció (nincs szekció-változat) fátyollal
 * futott, az 1. és 3. (`section-bone`) anélkül — ugyanazzal a kép-stílussal.
 * Innen jött, hogy „vannak sötét és élénk képek is, pedig ugyanaz a stílus".
 *
 * Dóri választása a két dizájn-körből (2026-08-29), most már ALAPÉRTELMEZÉSKÉNT:
 *   képkezelés → A + C  (keret ÉS enyhe gradálás, sötétítés NÉLKÜL)
 *   arany      → A      (behúzott hajszálkeret, 12 px, #C9A961 72%-on)
 * ========================================================================== */

.wp-block-image.is-style-arbora-media img,
.wp-block-image.is-style-arbora-media-frame img,
.wp-block-image.is-style-arbora-media-frame-out img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	/* Gradálás sötétítés NÉLKÜL: a hidegebb és melegebb felvételeket hozza
	   egymáshoz, a fényerőhöz nem nyúl. */
	filter: saturate(0.82) contrast(1.04) sepia(0.1);
}

/* (2) arany hajszálkeret — a logó vonalas idiómája. A vonal a fotón BELÜL fut,
       tehát a képpel szemben mérődik: ott a fő arany jól látszik. Csont
       HÁTTÉREN ugyanez 1,9:1 volna, ezért nem kívülre tesszük. */
.wp-block-image.is-style-arbora-media-frame::before {
	content: "";
	position: absolute;
	inset: 12px;
	border: 1px solid rgba(201, 169, 97, 0.72);
	z-index: 2;
	pointer-events: none;
}

/* ==========================================================================
 * (3) KÜLSŐ KERET — passe-partout  (Dorina terve, 2026-09-09)
 *
 * A `-frame` a fotón BELÜL futtatja az arany vonalat; ez a változat KÍVÜL,
 * paszpartuval: a kép és a vonal közt kilátszik a szekció háttere, mint egy
 * bekeretezett nyomaton. A gradálás ugyanaz — Dóri: „legyen ilyen is, a
 * filteres verzióval".
 *
 * MIÉRT PADDING + BORDER, ÉS NEM PSZEUDO-ELEM: a `-media` alap
 * `overflow: hidden`-t kap (a scrim miatt), ami levágna minden negatív
 * `inset`-tel kifelé rajzolt keretet. A dobozmodell viszont kifelé nő, tehát
 * itt a figura maga a keret — és nincs mit vágni, ezért az `overflow` sem kell.
 *
 * A paszpartu MÉRETE változóból jön, hogy szűk helyen (kártyában, rácsban)
 * a sablon szűkíthesse anélkül, hogy a szabályt duplikálnánk.
 * ========================================================================== */
.wp-block-image.is-style-arbora-media-frame-out {
	--arbora-passepartout: 1.25rem;
	position: relative;
	display: block;
	padding: var(--arbora-passepartout);
	border: 1px solid rgba(201, 169, 97, 0.72);
}

/* ==========================================================================
 * SÖTÉT SÁVON: visszajön a fátyol
 *
 * A scrim a SÖTÉT lap kompozíciójához való — ott beköti a fotót a fekete-arany
 * környezetbe. Világos sávon nincs mit összekötni, ott már csak sötétít.
 * A HERO nem érintett: az core/cover, nem core/image.
 * ========================================================================== */
.is-style-section-dark .wp-block-image.is-style-arbora-media::after,
.is-style-section-dark .wp-block-image.is-style-arbora-media-frame::after,
.is-style-card-dark .wp-block-image.is-style-arbora-media::after,
.is-style-card-dark .wp-block-image.is-style-arbora-media-frame::after,
.has-bcg-dark-background-color .wp-block-image.is-style-arbora-media::after,
.has-bcg-dark-background-color .wp-block-image.is-style-arbora-media-frame::after,
.has-ink-background-color .wp-block-image.is-style-arbora-media::after,
.has-ink-background-color .wp-block-image.is-style-arbora-media-frame::after,
.has-surface-background-color .wp-block-image.is-style-arbora-media::after,
.has-surface-background-color .wp-block-image.is-style-arbora-media-frame::after,
.is-style-section-dark .wp-block-image.is-style-arbora-media-frame-out::after,
.is-style-card-dark .wp-block-image.is-style-arbora-media-frame-out::after,
.has-bcg-dark-background-color .wp-block-image.is-style-arbora-media-frame-out::after,
.has-ink-background-color .wp-block-image.is-style-arbora-media-frame-out::after,
.has-surface-background-color .wp-block-image.is-style-arbora-media-frame-out::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		linear-gradient(to top,
			rgba(10, 10, 10, calc(var(--arbora-scrim) + 0.22)) 0%,
			rgba(10, 10, 10, var(--arbora-scrim)) 45%,
			rgba(10, 10, 10, calc(var(--arbora-scrim) * 0.45)) 100%),
		radial-gradient(115% 85% at 50% 34%,
			rgba(10, 10, 10, 0) 26%,
			rgba(10, 10, 10, 0.72) 100%),
		linear-gradient(150deg,
			rgba(201, 169, 97, 0.14) 0%,
			rgba(140, 107, 52, 0.05) 55%,
			rgba(10, 10, 10, 0) 100%);
}

/* A külső keret sötét sávon halkabb, a paszpartuban a szekció sötétje látszik. */
.is-style-section-dark .wp-block-image.is-style-arbora-media-frame-out,
.is-style-card-dark .wp-block-image.is-style-arbora-media-frame-out,
.has-bcg-dark-background-color .wp-block-image.is-style-arbora-media-frame-out,
.has-ink-background-color .wp-block-image.is-style-arbora-media-frame-out,
.has-surface-background-color .wp-block-image.is-style-arbora-media-frame-out {
	border-color: rgba(201, 169, 97, 0.34);
}

/* A fátyol csak a FOTÓRA feküdjön, a paszpartura ne — különben a keret és a
   kép közti rés is besötétedne, és eltűnne a nyomat-hatás. */
.is-style-section-dark .wp-block-image.is-style-arbora-media-frame-out::after,
.is-style-card-dark .wp-block-image.is-style-arbora-media-frame-out::after,
.has-bcg-dark-background-color .wp-block-image.is-style-arbora-media-frame-out::after,
.has-ink-background-color .wp-block-image.is-style-arbora-media-frame-out::after,
.has-surface-background-color .wp-block-image.is-style-arbora-media-frame-out::after {
	inset: var(--arbora-passepartout);
}

/* Sötét sávon a keret halkabb és kijjebb ül — ott a fátyol viszi a kompozíciót. */
.is-style-section-dark .wp-block-image.is-style-arbora-media-frame::before,
.is-style-card-dark .wp-block-image.is-style-arbora-media-frame::before,
.has-bcg-dark-background-color .wp-block-image.is-style-arbora-media-frame::before,
.has-ink-background-color .wp-block-image.is-style-arbora-media-frame::before,
.has-surface-background-color .wp-block-image.is-style-arbora-media-frame::before {
	inset: var(--wp--custom--media--frame-inset, 14px);
	border-color: rgba(201, 169, 97, 0.34);
}

/* --- LIGHTBOXBAN A FOTÓ NYERS ---
   A core lightbox a képet egy overlaybe TELEPORTÁLJA, ki a szekciójából. Ott a
   fenti csont-szabály már nem érvényes, tehát a kép az alapértelmezett SÖTÉT
   fokozatot ÉS a teljes erejű scrimet kapja — mérve: brightness .86 +
   rgba(10,10,10,.72) vignetta, miközben a rácsban .97 és enyhe fátyol volt.
   Innen jött a „megnyitva túl sötétek" (Dóri, 2026-08-29).

   Teljes képernyőn nincs mihez kötni a fotót: a réteg ott nem komponál, csak
   sötétít. A lightbox a valódi képet mutassa. */
.wp-lightbox-overlay .wp-block-image.is-style-arbora-media img,
.wp-lightbox-overlay .wp-block-image.is-style-arbora-media-frame img,
.wp-lightbox-overlay .wp-block-image.is-style-arbora-media-frame-out img {
	filter: none;
}

/* A külső keret a doboz része, nem pszeudo-elem — teljes képernyőn a paszpartu
   csak keskeny csík volna a fotó körül, ezért ott mindkettőt levesszük. */
.wp-lightbox-overlay .wp-block-image.is-style-arbora-media-frame-out {
	padding: 0;
	border: 0;
}

.wp-lightbox-overlay .wp-block-image.is-style-arbora-media::after,
.wp-lightbox-overlay .wp-block-image.is-style-arbora-media-frame::after,
.wp-lightbox-overlay .wp-block-image.is-style-arbora-media-frame::before {
	display: none;
}

/* Nyers változat — ahol a fotót kezeletlenül kell mutatni (pl. összevetés) */
.wp-block-image.is-style-arbora-media-raw img { filter: none; }
.wp-block-image.is-style-arbora-media-raw::after { display: none; }