/**
 * Eigen sticky-logica — onafhankelijk van GSAP/ScrollTrigger.
 */
.single-films #cta-bar.active:not(.is-pinned) {
	position: static !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
}

.single-films #cta-bar.is-pinned {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
	margin: 0;
}

.single-films #cta-bar.is-pinned.active {
	background-color: #eee8e2;
	padding-bottom: 30px;
	padding-left: 2rem;
	padding-right: 2rem;
}

.single-films .cta-bar-placeholder {
	display: none;
	width: 100%;
	pointer-events: none;
}

/* Alleen visuele transities, geen layout-animaties */
.single-films #cta-bar {
	transition: background-color 0.25s ease;
}

.single-films #cta-bar .cta-bar__content h1,
.single-films #cta-bar .cta-bar__content h2,
.single-films #cta-bar .film-info {
	transition: color 0.25s ease, font-size 0.25s ease;
}

.single-films #cta-bar.is-pinned .cta-bar__content {
	color: #2d3676;
}

.single-films #cta-bar.is-pinned .cta-bar__content h1 {
	color: #2d3676;
	font-size: 2em;
}

.single-films .entry-content.cta-bar-scroll-smooth {
	transition: transform 0.15s ease-out;
	will-change: transform;
}