/* Livecam-Einzelseiten (Vorschau/livecam-*.html) */

.wiesn-livecam-detail {
	width: 100%;
	max-width: 100%;
	overflow-x: clip;
}

.wiesn-livecam-detail__hero__overlay,
.wiesn-livecam-detail__hero-overlay {
	background:
		radial-gradient(circle at center, #fff 0%, rgba(255, 255, 255, 0.99) 26%, rgba(255, 255, 255, 0.84) 48%, rgba(255, 255, 255, 0.48) 68%, rgba(255, 255, 255, 0.18) 84%, rgba(255, 255, 255, 0) 100%),
		linear-gradient(to bottom, rgba(255, 255, 255, 0) 48%, rgba(255, 255, 255, 0.45) 72%, rgba(255, 255, 255, 0.82) 90%, #fff 100%);
}

/* -- Player / Pre-Roll / Livespotting (nur Styling, Logik bleibt im Seiteninhalt) -- */
.wiesn-livecam-detail__player-shell {
	background: #000;
}

.wiesn-livecam-detail__player-inner {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.wiesn-livecam-detail__player-inner > * {
	width: 100%;
	height: 100%;
	min-height: 100%;
}

.wiesn-livecam-detail__video-el {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	object-fit: cover;
	background: #000;
}

.wiesn-livecam-detail__player-inner .vc_row,
.wiesn-livecam-detail__player-inner .vc_column,
.wiesn-livecam-detail__player-inner .vc_column-inner,
.wiesn-livecam-detail__player-inner .wpb_wrapper,
.wiesn-livecam-detail__player-inner .wpb_raw_code,
.wiesn-livecam-detail__player-inner .wpb_content_element {
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
}

.wiesn-livecam-detail__player-inner .vc_empty_space,
.wiesn-livecam-detail__player-inner .vc_separator {
	display: none !important;
}

.wiesn-livecam-detail__player-inner .container0815,
.wiesn-livecam-detail__player-inner #preRollContainer,
.wiesn-livecam-detail__player-inner video-js,
.wiesn-livecam-detail__player-inner .video-js {
	width: 100% !important;
	max-width: 100% !important;
	height: 100% !important;
}

.wiesn-livecam-detail__sound-hint {
	margin-left: auto;
	margin-right: auto;
}

.wiesn-livecam-detail__sound-hint > span {
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
	transform: none !important;
}

.wiesn-livecam-detail__sound-hint-text--short {
	display: none;
}

@media (max-width: 1023px) {
	.wiesn-livecam-detail__sound-hint-text--full {
		display: none;
	}

	.wiesn-livecam-detail__sound-hint-text--short {
		display: inline;
	}
}

.wiesn-livecam-detail__player-inner #playButtonOverlay,
.wiesn-livecam-detail__player-inner #preRollOverlay {
	cursor: pointer;
}

.wiesn-livecam-detail .livecam-seo-lead {
	margin: 0;
}

.wiesn-livecam-detail .livecam-legacy-prose {
	margin-top: 1.25rem;
	padding-top: 1.25rem;
	border-top: 1px solid #e5e7eb;
}

.wiesn-livecam-detail__player-inner .container0815 iframe {
	width: 100% !important;
	height: 100%;
	min-height: 100%;
	border: 0;
	display: block;
}

.wiesn-livecam-detail__player-inner #preRollContainer {
	max-width: 100%;
}

.wiesn-livecam-detail__player-inner #preRollVideo,
.wiesn-livecam-detail__player-inner .vjs-tech {
	object-fit: cover;
}

.wiesn-livecam-detail__player-inner video-js[style*="display: none"],
.wiesn-livecam-detail__player-inner .video-js[style*="display: none"] {
	display: none !important;
}

.wiesn-livecam-detail__player-inner video-js:not([style*="display: none"]),
.wiesn-livecam-detail__player-inner .video-js:not([style*="display: none"]) {
	display: block;
	min-height: 100%;
}

.wiesn-livecam-detail__player-section:has(.wiesn-livecam-detail__sound-hint) {
	padding-bottom: 0.75rem;
}

@media (min-width: 1024px) {
	.wiesn-livecam-detail__player-section:has(.wiesn-livecam-detail__sound-hint) {
		padding-bottom: 3.5rem;
	}
}

.wiesn-livecam-detail__banner {
	padding-top: 0;
	padding-bottom: clamp(2rem, 5vw, 3.5rem);
}

.wiesn-livecam-detail__banner .wiesn-home-container {
	max-width: 80rem;
}

.wiesn-livecam-detail__banner .wiesn-livecam-banner__link,
.wiesn-livecam-detail__banner .wiesn-livecam-banner__image {
	border-radius: 1rem;
}

/* Weitere Live-Cams: dezenter Schatten (global .rounded-2xl überschreiben) */
.wiesn-livecam-detail__cameras .wiesn-livecam-detail__slide,
.wiesn-livecam-detail__cameras .wiesn-livecam-detail__slide .rounded-2xl,
.wiesn-livecam-detail__cameras .wiesn-livecam-detail__slide:hover,
.wiesn-livecam-detail__cameras .wiesn-livecam-detail__slide .rounded-2xl:hover {
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
	transform: none !important;
}

/* Kamera-Slider */
.wiesn-livecam-detail__slider {
	cursor: grab;
	user-select: none;
	scroll-behavior: smooth;
}

.wiesn-livecam-detail__slider.is-dragging {
	cursor: grabbing;
	scroll-behavior: auto;
}

.wiesn-livecam-detail__slide {
	flex: 0 0 78vw;
	max-width: 78vw;
}

@media (min-width: 640px) {
	.wiesn-livecam-detail__slide {
		flex-basis: 420px;
		max-width: 420px;
	}
}

@media (min-width: 1024px) {
	.wiesn-livecam-detail__slide {
		flex-basis: calc((100% - 2.5rem) / 3);
		max-width: calc((100% - 2.5rem) / 3);
	}
}

.wiesn-livecam-detail__slider-dots {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	margin-top: 14px;
}

.wiesn-livecam-detail__slider-dot {
	width: 10px;
	height: 10px;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: #d1d5db;
	cursor: pointer;
	transition: width 0.3s ease, background-color 0.3s ease, transform 0.3s ease;
}

.wiesn-livecam-detail__slider-dot.is-active {
	width: 28px;
	background: #f29a30;
	transform: translateY(-1px);
}

/* Info-Bereich (Vorschau) */
.wiesn-livecam-detail .livecam-prose {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	background: linear-gradient(180deg, #fff, #fafafa);
	border: 1px solid #e5e7eb;
	border-radius: 1rem;
	padding: 1.5rem;
}

.wiesn-livecam-detail .livecam-prose p {
	margin: 0;
	color: #374151;
	line-height: 1.55;
}

.wiesn-livecam-detail .livecam-prose h2,
.wiesn-livecam-detail .livecam-prose h3 {
	margin: 0;
	font-size: 1.05rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #111827;
}

/* Doppelte Überschrift (steht bereits im Info-Header) */
.wiesn-livecam-detail .livecam-prose > h2:first-child {
	display: none;
}

.wiesn-livecam-detail .livecam-info-shell {
	border: 1px solid #e5e7eb;
	border-radius: 1.25rem;
	background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);
	padding: 1.25rem;
}

@media (min-width: 640px) {
	.wiesn-livecam-detail .livecam-prose {
		padding: 2rem;
	}

	.wiesn-livecam-detail .livecam-info-shell {
		padding: 1.8rem;
	}
}

.wiesn-livecam-detail .livecam-kpis {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.75rem;
	margin-bottom: 0.75rem;
}

.wiesn-livecam-detail .livecam-kpi {
	border: 1px solid #e5e7eb;
	border-radius: 0.85rem;
	padding: 0.7rem 0.85rem;
	background: #fff;
}

.wiesn-livecam-detail .livecam-kpi strong {
	display: block;
	font-size: 1rem;
	color: #111827;
	line-height: 1.2;
}

.wiesn-livecam-detail .livecam-kpi span {
	display: block;
	margin-top: 0.15rem;
	font-size: 0.78rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #6b7280;
}

@media (max-width: 640px) {
	.wiesn-livecam-detail .livecam-kpis {
		grid-template-columns: 1fr;
	}
}

/* Alte WPBakery-Banner-GIFs (z. B. tatzelwurm_livecambanner) */
.wiesn-livecam-detail img[src*="livecambanner"],
.wiesn-livecam-detail img[src*="tatzelwurm_livecambanner"] {
	display: none !important;
}

/* Jupiter-Reste im Info-Text ausblenden */
.wiesn-livecam-detail__prose .vc_empty_space,
.wiesn-livecam-detail__prose .vc_separator,
.wiesn-livecam-detail__prose .n2-section-smartslider {
	display: none !important;
}

.wiesn-livecam-detail__partners {
	padding-top: 0 !important;
}

.wiesn-livecam-detail .wiesn-news-slider__nav,
.wiesn-livecam-detail .wiesn-news-slider__nav:hover {
	transform: translateY(-50%) !important;
}

@media (min-width: 1024px) {
	.wiesn-livecam-detail .wiesn-news-slider__nav--prev {
		left: -2rem;
	}

	.wiesn-livecam-detail .wiesn-news-slider__nav--next {
		right: -2rem;
	}
}

/* SEO-Texte: Abstände mit hoher Spezifität (Tailwind/Jupiter überschreiben) */
body.wiesn-redesign.wiesn-livecam-detail-page .wiesn-livecam-detail .livecam-prose.wiesn-livecam-detail__prose {
	display: flex !important;
	flex-direction: column !important;
	gap: 0.5rem !important;
}

body.wiesn-redesign.wiesn-livecam-detail-page .wiesn-livecam-detail .livecam-prose.wiesn-livecam-detail__prose > :is(p, h2, h3, h4) {
	margin: 0 !important;
	padding: 0 !important;
}

body.wiesn-redesign.wiesn-livecam-detail-page .wiesn-livecam-detail .livecam-prose .livecam-seo-lead {
	line-height: 1.5 !important;
}

body.wiesn-redesign.wiesn-livecam-detail-page .wiesn-livecam-detail .livecam-prose > .livecam-seo-lead + :is(h2, h3) {
	margin-top: 0 !important;
}

/* Abschnitts-Abstände: Info (SEO) → Wissenswertes (überschreibt .wiesn-home-spotlight) */
body.wiesn-redesign.wiesn-livecam-detail-page .wiesn-livecam-detail__info {
	padding-bottom: clamp(2rem, 5vw, 3rem);
}

body.wiesn-redesign.wiesn-livecam-detail-page .wiesn-livecam-detail__news.wiesn-home-spotlight {
	padding-top: 0;
	padding-bottom: clamp(2rem, 5vw, 3rem);
}

body.wiesn-redesign.wiesn-livecam-detail-page .wiesn-livecam-detail__news .mb-10 {
	margin-bottom: 2.5rem;
}