/**
 * Book Club – vizuális javítások (cache-busting külön fájlban).
 * Betöltés: functions.php → mindig a téma CSS-e után.
 */

/* „Why choose” / DEMO szekció: tartalék háttér (ha a kép nem jön be) */
.section.background.text-white {
	background-color: #1f1f1f;
}

/* ABOUT US – 3 kép: ne zsugorítsa a szülő a 3D transzformot */
section.aboutus {
	transform: none !important;
	position: relative;
	z-index: 0;
}

.section-columns .pic12 {
	width: 100%;
	max-width: 300px;
	height: 300px;
	margin: 20px auto 40px auto;
	perspective: 1000px;
	overflow: visible;
}

.section-columns .pic12 img.pic13 {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	-webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.8), 0 0 40px rgba(0, 0, 0, 0.1) inset !important;
	-moz-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.8), 0 0 40px rgba(0, 0, 0, 0.1) inset !important;
	box-shadow: 0 5px 8px rgba(0, 0, 0, 0.8), 0 0 40px rgba(0, 0, 0, 0.1) inset !important;
	opacity: 0.9;
	transform-style: preserve-3d !important;
	transform: rotateX(70deg) !important;
	transition: transform 0.8s ease !important;
}

.section-columns .pic12:hover img.pic13 {
	transform: rotateX(20deg) !important;
}

/* Feature ikonok: sötét „Why choose” szekcióban fehér (felülírja a style.min invert + fekete keret kombót) */
.section.background.text-white .feature-box .feature-image > img,
.section.background.text-white div.feature-image > img {
	filter: brightness(0) invert(1) !important;
	opacity: 0.9 !important;
	border: 2px solid rgba(255, 255, 255, 0.4) !important;
	border-radius: 50%;
}

/*
 * Fehér „foltok” javítása (theme.css / base.css eredeti #fff):
 * 1) DEMO / sötét szekció gomb – ne teli fehér tömb legyen a sötét háttéren.
 * 2) Lábléc copyright sáv – teljesen fekete háttér (ÁSZF + copyright sor).
 */
.section.background.text-white .section-button .button:not([type="submit"]),
.section.background.text-white .section-button a.button:not([type="submit"]) {
	background: rgba(255, 255, 255, 0.1) !important;
	color: #fff !important;
	border: 2px solid rgba(255, 255, 255, 0.9) !important;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.section.background.text-white .section-button .button:not([type="submit"]):hover,
.section.background.text-white .section-button .button:not([type="submit"]):focus,
.section.background.text-white .section-button a.button:not([type="submit"]):hover,
.section.background.text-white .section-button a.button:not([type="submit"]):focus {
	background: #fff !important;
	color: #1a1a1a !important;
	border-color: #fff !important;
}

.copyright {
	background: #000 !important;
	color: rgba(255, 255, 255, 0.88) !important;
}

.copyright a,
.copyright a p {
	color: rgba(255, 255, 255, 0.92) !important;
	text-decoration: underline;
	text-decoration-color: rgba(255, 255, 255, 0.35);
	text-underline-offset: 3px;
}

.copyright a:hover,
.copyright a:focus {
	color: #fff !important;
	text-decoration-color: rgba(255, 255, 255, 0.75);
}