/* ==========================================================================
   Actiepagina beurskorting (/actie-beurskorting/, 1 okt 2026)
   Kop in de stijl van "Beauty & Bodyshaping: waar schoonheid en zelfvertrouwen
   samenkomen!" op /over-beauty-and-body-shaping/: beursfoto als sectie-achtergrond,
   daarop een witte doorschijnende laag (Bold Builder: row_inner met achtergrond
   rgba(255,255,255,.2), blur en lichte rand). De laag zelf is Bold Builder-instelling;
   dit blad doet alleen wat de foto vraagt. Marker "bnb-beurs-hero" (functions.php).
   ========================================================================== */

/* De beursfoto is licht (witte vloer); een zachte warme tint houdt de witte tekst leesbaar */
.bnb-beurs-hero .bt_bb_background_image_holder::after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(59, 52, 45, .32);
	pointer-events: none;
}

/* Superkop licht, zoals in het voorbeeld */
.bnb-beurs-hero .bnb-beurs-hero__laag .bt_bb_headline_superheadline {
	color: rgba(255, 255, 255, .9);
}
.bnb-beurs-hero .bnb-beurs-hero__laag .bt_bb_headline_subheadline {
	color: #fff;
	max-width: 62ch;
	margin-left: auto;
	margin-right: auto;
}

/* Checklist: licht, gecentreerd blok */
.bnb-beurs-hero .bnb-wp2-lijst ul {
	max-width: 30rem;
	margin: 0 auto;
}
.bnb-beurs-hero .bnb-wp2-lijst li {
	text-align: left;
	font-size: 1rem;
}
.bnb-beurs-hero .bnb-wp2-lijst li {
	color: #fff;
	border-color: rgba(255, 255, 255, .35);
}
.bnb-beurs-hero .bnb-wp2-lijst li:last-child {
	border-bottom-color: rgba(255, 255, 255, .35);
}
.bnb-beurs-hero .bnb-wp2-lijst li::before {
	color: #fff;
}

/* Smalle schermen: wat binnenruimte in de laag */
@media (max-width: 991px) {
	.bnb-beurs-hero .bnb-beurs-hero__laag .bt_bb_column_inner_content {
		padding-left: 1.25rem;
		padding-right: 1.25rem;
	}
}

/* --- Beurspas onder de kop (#beurs-info) -------------------------------------------------
   Geen tweede podiumpaneel (dat staat er al onder, met het formulier), maar een toegangspas:
   een donkere kaart met links een witte afscheurstrook met de QR-code en rechts de gegevens
   van de beurs. Tussen strook en pas twee halve inkepingen in de paginakleur. */
.bnb-beurs-info .bt_bb_row.bnb-beurspas > .bt_bb_row_holder {
	position: relative;
	align-items: stretch;
	background: var(--dark-color, #3b3b3b);
	border-radius: var(--card-hard-rounded-shape, 20px);
	overflow: hidden;
}
/* Inkepingen boven en onder op de naad */
.bnb-beurs-info .bt_bb_column.bnb-beurspas__stub::before,
.bnb-beurs-info .bt_bb_column.bnb-beurspas__stub::after {
	content: "";
	position: absolute;
	right: -14px;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: var(--page-background-color, #f3f1ed);
	z-index: 2;
}
.bnb-beurs-info .bt_bb_column.bnb-beurspas__stub::before { top: -14px; }
.bnb-beurs-info .bt_bb_column.bnb-beurspas__stub::after { bottom: -14px; }

.bnb-beurs-info .bt_bb_column.bnb-beurspas__stub {
	position: relative;
	background: var(--light-color, #fff);
	border-right: 1px solid rgba(59, 59, 59, .07);
}
.bnb-beurs-info .bnb-beurspas__stub > .bt_bb_column_content > .bt_bb_column_content_inner {
	padding: 2.5em 2em 2.25em;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
}
.bnb-beurs-info .bt_bb_image.bnb-beurs-qr {
	max-width: 230px;
	margin: 0 auto;
}
.bnb-beurs-info .bt_bb_image.bnb-beurs-qr img {
	display: block;
	background: #fff;
}
.bnb-beurs-info .bnb-beurspas__bijschrift p {
	margin: 1.25em auto 0;
	max-width: 26ch;
	font-size: .8125rem;
	line-height: 1.6;
	text-align: center;
	color: var(--dark-gray-color, #8c857a);
}
.bnb-beurs-info .bnb-beurspas__bijschrift strong {
	color: var(--dark-color, #3b3b3b);
	font-weight: 400;
}

.bnb-beurs-info .bnb-beurspas__info > .bt_bb_column_content > .bt_bb_column_content_inner {
	padding: clamp(2rem, 4vw, 3.5rem) clamp(1.5rem, 4.5vw, 4rem);
}
.bnb-beurs-info .bnb-beurspas__info .bt_bb_headline_superheadline {
	color: var(--accent-color, #cdad7b);
}
.bnb-beurs-info .bnb-beurspas__info .bt_bb_headline_content,
.bnb-beurs-info .bnb-beurspas__info .bt_bb_headline_content em {
	color: var(--light-color, #fff);
}
.bnb-beurs-info .bnb-beurspas__info .bnb-wp2-lijst li {
	color: var(--light-color, #fff);
	border-color: rgba(255, 255, 255, .14);
}
.bnb-beurs-info .bnb-beurspas__info .bnb-wp2-lijst li:last-child {
	border-bottom-color: rgba(255, 255, 255, .14);
}
.bnb-beurs-info .bnb-beurspas__info .bnb-wp2-lijst li::before {
	color: var(--accent-color, #cdad7b);
}

@media (max-width: 991px) {
	.bnb-beurs-info .bt_bb_column.bnb-beurspas__stub {
		border-right: 0;
		border-bottom: 1px solid rgba(59, 59, 59, .07);
	}
	.bnb-beurs-info .bt_bb_column.bnb-beurspas__stub::before,
	.bnb-beurs-info .bt_bb_column.bnb-beurspas__stub::after {
		top: auto;
		bottom: -14px;
		right: auto;
	}
	.bnb-beurs-info .bt_bb_column.bnb-beurspas__stub::before { left: -14px; }
	.bnb-beurs-info .bt_bb_column.bnb-beurspas__stub::after { right: -14px; }
}