/*
 * Datei-Info
 * Letzte Änderung: 26.05.2026
 * Uhrzeit: 21:48 Uhr
 * Version: v1.0.0
 *
 * JuBo Private Bingo Unterseite
 * Scope: ausschließlich Ergänzungen zu .jubo-private-bingo-page.
 * Basis: übernimmt das zentrale JuBo Bingo CSS-System unverändert.
 */

body[class*="template-jubo-private-bingo"] #content-wrap,
body[class*="template-jubo-private-bingo"] #primary,
body[class*="template-jubo-private-bingo"] .content-area {
	margin-top: 0 !important;
	margin-bottom: 0;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.jubo-private-bingo-page {
	--jubo-private-gallery-height-large: clamp(280px, 34vw, 460px);
	--jubo-private-gallery-height-small: clamp(190px, 22vw, 280px);
	--jubo-private-card-min-height: 100%;
	--jubo-private-feature-grid-gap: var(--jubo-feature-list-gap);
	--jubo-private-feature-columns: repeat(2, minmax(0, 1fr));
}

.jubo-private-bingo-gallery-grid {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: var(--jubo-grid-gap);
}

.jubo-private-bingo-gallery-item {
	position: relative;
	min-height: var(--jubo-private-gallery-height-small);
	margin: 0;
	border: var(--jubo-card-border);
	border-radius: var(--jubo-radius-lg);
	background: var(--jubo-media-bg-gold);
	box-shadow: var(--jubo-shadow-soft);
	overflow: hidden;
	transition: transform var(--jubo-motion-card-duration) var(--jubo-motion-ease-luxe), box-shadow var(--jubo-motion-card-duration) var(--jubo-motion-ease-standard), border-color var(--jubo-motion-card-duration) var(--jubo-motion-ease-standard);
}

.jubo-private-bingo-gallery-item:hover {
	border-color: var(--jubo-card-hover-border);
	box-shadow: var(--jubo-shadow-dark);
	transform: var(--jubo-card-hover-transform);
}

.jubo-private-bingo-gallery-item img {
	width: var(--jubo-media-width);
	height: var(--jubo-media-height);
	object-fit: var(--jubo-image-fit);
	object-position: var(--jubo-image-position);
}

.jubo-private-bingo-gallery-item--1,
.jubo-private-bingo-gallery-item--6 {
	grid-column: span 3;
	min-height: var(--jubo-private-gallery-height-large);
}

.jubo-private-bingo-gallery-item--2,
.jubo-private-bingo-gallery-item--3,
.jubo-private-bingo-gallery-item--4,
.jubo-private-bingo-gallery-item--5 {
	grid-column: span 3;
}

.jubo-private-bingo-text-card {
	min-height: var(--jubo-private-card-min-height);
}

.jubo-private-bingo-text-card .jubo-bingo-quick-card__body {
	display: flex;
	height: 100%;
	flex-direction: column;
}

.jubo-private-bingo-text-card h3 {
	margin-bottom: 14px;
}

.jubo-private-bingo-text-card p {
	margin-bottom: 0;
}

.jubo-private-bingo-reasons-layout {
	display: grid;
	grid-template-columns: minmax(260px, 0.42fr) minmax(0, 1fr);
	gap: var(--jubo-layout-gap);
	align-items: start;
}

.jubo-private-bingo-feature-grid {
	display: grid;
	grid-template-columns: var(--jubo-private-feature-columns);
	gap: var(--jubo-private-feature-grid-gap);
}

.jubo-private-bingo-feature-card {
	grid-template-columns: var(--jubo-grid-1);
	padding: var(--jubo-card-padding);
	background: rgba(231, 231, 217, 0.08);
	color: var(--jubo-white-rock);
}

.jubo-private-bingo-feature-card h3,
.jubo-private-bingo-feature-card p {
	color: inherit;
}

.jubo-private-bingo-feature-card p {
	color: var(--jubo-light-text);
}

.jubo-private-bingo-variant-card .jubo-bingo-format-card__body {
	min-height: 100%;
}

.jubo-private-bingo-final-cta .jubo-bingo-request__cta {
	margin-top: 0;
}

.jubo-private-bingo-final-cta .jubo-bingo-request-cta-box h2 {
	margin-bottom: var(--jubo-request-cta-title-margin-bottom);
	font-size: var(--jubo-h2);
}

.jubo-private-bingo-final-cta .jubo-bingo-eyebrow {
	margin-bottom: var(--jubo-eyebrow-margin-bottom);
}

@media (max-width: 1120px) {
	.jubo-private-bingo-reasons-layout {
		grid-template-columns: var(--jubo-grid-1);
	}
}

@media (max-width: 767px) {
	.jubo-private-bingo-page {
		--jubo-private-feature-columns: var(--jubo-grid-1);
	}

	.jubo-private-bingo-gallery-grid {
		grid-template-columns: var(--jubo-grid-1);
	}

	.jubo-private-bingo-gallery-item,
	.jubo-private-bingo-gallery-item--1,
	.jubo-private-bingo-gallery-item--6,
	.jubo-private-bingo-gallery-item--2,
	.jubo-private-bingo-gallery-item--3,
	.jubo-private-bingo-gallery-item--4,
	.jubo-private-bingo-gallery-item--5 {
		grid-column: auto;
		min-height: var(--jubo-card-media-height-mobile);
	}
}