/**
 * Referenciák oldal — block stílusok
 * Betöltés: csak is_page('referenciak') esetén (lásd functions.php)
 */

/* ── KÉK GOMB (Figma: Component 1 / Property 1=Group 4, node 90:1253) ── */
/* Desktop-on is középre igazítva (main.css flex-end-jét felülírja) */
@media (min-width: 1200px) {
	.famingo-gallery__footer {
		justify-content: center;
	}
}

.famingo-gallery__btn--blue {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	background-color: #70BFFF;
	border: 1px solid #000000;
	border-radius: 20px;
	box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 1);
	text-decoration: none;
}

.famingo-gallery__btn--blue:hover {
	background-color: #5aafef;
}

.famingo-gallery__btn--blue img {
	display: block;
}

/* ── GALÉRIA SZEKCIÓ CÍM + DEKORÁCIÓ ── */
/* Másolat: rolunk.css bemutatkozas-section__header + bizalmat-section stílusok */
.bemutatkozas-section__header {
	text-align: center;
	margin-bottom: 40px;
}

.bizalmat-section__quote {
	font-family: var(--font-display);
	font-size: clamp(26px, 6vw, 70px);
	font-weight: 700;
	line-height: 1.1em;
	color: var(--color-text);
	margin: 0 0 10px;
}

.bizalmat-section__quote-highlight {
	color: var(--color-primary);
	display: inline-block;
}

.bizalmat-section__decoration {
	display: block;
	width: 0;       /* nem tágítja a span szélességét */
	min-width: 100%; /* de kitölti a span teljes szélességét */
	height: auto;
	margin-top: 4px;
}

/* ══════════════════════════════════════════════════════════════
   GALÉRIA LIGHTBOX OVERLAY
   Figma: node 90:1302 — rgba(0,0,0,0.81) backdrop, close btn node 90:1648
   ══════════════════════════════════════════════════════════════ */

/* Overlay wrapper — nincs saját scroll */
.gallery-lightbox {
	position: fixed;
	inset: 0;
	z-index: 1000;
	display: flex;
	flex-direction: column;
	align-items: center;
	overflow: hidden;
}

.gallery-lightbox[hidden] {
	display: none;
}

/* Sötét háttér */
.gallery-lightbox__backdrop {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.81);
	cursor: pointer;
}

/* Panel — teljes magasság, flex oszlop */
.gallery-lightbox__panel {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 1440px;
	height: 100%;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

/* Fix felső rész — close + featured */
.gallery-lightbox__top {
	flex-shrink: 0;
	position: relative;
	z-index: 2;
	padding: 80px var(--container-padding-mobile) 22px;
}

@media (min-width: 768px) {
	.gallery-lightbox__top {
		padding: 80px var(--container-padding-tablet) 22px;
	}
}

@media (min-width: 1200px) {
	.gallery-lightbox__top {
		padding: 50px 104px 22px;
	}
}

/* Görgethető grid rész */
.gallery-lightbox__scroll {
	flex: 1;
	overflow-y: auto;
	position: relative;
	z-index: 1;
	padding: 22px var(--container-padding-mobile) 80px;
}

@media (min-width: 768px) {
	.gallery-lightbox__scroll {
		padding: 22px var(--container-padding-tablet) 80px;
	}
}

@media (min-width: 1200px) {
	.gallery-lightbox__scroll {
		padding: 22px 104px 80px;
	}
}

/* Bezár gomb (Figma: Group 75, 62×58px, #70BFFF, 1px black, 5px shadow) */
.gallery-lightbox__close {
	display: block;
	margin-bottom: 32px;
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
	line-height: 0;
}

/* Kiemelt nagy kép (Figma: 1232×611) */
.gallery-lightbox__featured {
	margin-bottom: 0;
}

.gallery-lightbox__featured-img {
	display: block;
	width: 100%;
	aspect-ratio: 1232 / 611;
	object-fit: cover;
	border-radius: 40px;
	border: 1px solid #000;
	box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 1);
}

/* Grid — többi kép (Figma: 2 oszlop, 591×591) */
.gallery-lightbox__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
}

@media (min-width: 600px) {
	.gallery-lightbox__grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 22px;
	}
}

.gallery-lightbox__grid-item {
	display: block;
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: 40px;
	border: 1px solid #000;
	box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 1);
	cursor: pointer;
	transition: opacity 0.2s;
}

.gallery-lightbox__grid-item:hover {
	opacity: 0.85;
}

/* Body scroll zár nyitott lightbox esetén */
body.lightbox-open {
	overflow: hidden;
}