/**
 * Vimeo Consent – Frontend-Styles
 */

.vimeo-consent {
	--vc-accent: #00adef;
	position: relative;
	width: 100%;
	height: 0;
	/* padding-top wird inline gesetzt (Seitenverhältnis). Fallback: 16:9 */
	padding-top: 56.25%;
	overflow: hidden;
	background: #101418;
	border-radius: 6px;
}

/* iframe füllt den Container komplett aus */
.vimeo-consent__iframe,
.vimeo-consent__overlay {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.vimeo-consent__overlay {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 1.25rem;
	box-sizing: border-box;
}

/* Optionales lokales Vorschaubild */
.vimeo-consent__poster {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
	filter: brightness( 0.55 );
}

/* Textbox über dem Poster */
.vimeo-consent__box {
	position: relative;
	z-index: 1;
	max-width: 34rem;
	color: #f5f7fa;
}

.vimeo-consent__heading {
	margin: 0 0 0.5rem;
	font-size: 1.05rem;
	font-weight: 700;
	line-height: 1.3;
}

.vimeo-consent__desc {
	margin: 0 0 1rem;
	font-size: 0.9rem;
	line-height: 1.5;
	opacity: 0.92;
}

.vimeo-consent__button {
	display: inline-flex;
	align-items: center;
	gap: 0.55rem;
	padding: 0.7rem 1.3rem;
	font-size: 0.95rem;
	font-weight: 600;
	color: #fff;
	background: var( --vc-accent );
	border: 0;
	border-radius: 4px;
	cursor: pointer;
	transition: filter 0.15s ease, transform 0.15s ease;
	line-height: 1;
}

.vimeo-consent__button:hover,
.vimeo-consent__button:focus-visible {
	filter: brightness( 1.08 );
	transform: translateY( -1px );
	outline: none;
}

.vimeo-consent__button:focus-visible {
	box-shadow: 0 0 0 3px rgba( 255, 255, 255, 0.5 );
}

/* Play-Dreieck */
.vimeo-consent__play {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 10px;
	border-color: transparent transparent transparent currentColor;
}

.vimeo-consent__privacy {
	margin: 0.9rem 0 0;
	font-size: 0.8rem;
	opacity: 0.85;
}

.vimeo-consent__privacy a {
	color: inherit;
	text-decoration: underline;
}

.vimeo-consent__privacy a:hover {
	opacity: 1;
}

/* Ladezustand */
.vimeo-consent__overlay[ aria-busy='true' ] .vimeo-consent__button {
	opacity: 0.6;
	pointer-events: none;
}