.wdt-advanced-video-container { 
    position: relative; overflow: hidden; background-repeat: no-repeat; background-size: cover; 
    background-position: center; border-radius: var(--wdtRadius_Zero); -webkit-border-radius: var(--wdtRadius_Zero); }

.wdt-advanced-video-container .wdt-advanced-video video.advanced-video { height: 100%; width: 100%; object-fit: cover; min-height: 350px; max-height: 840px; }

.wdt-magnatic-wrapper { width: clamp(8.125rem, 7.1154rem + 4.4872vw, 12.5rem); 
    height: clamp(8.125rem, 7.1154rem + 4.4872vw, 12.5rem); position: absolute; left: 50%; top: 50%;
    transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index: 1;
    border-radius: var(--wdtRadius_Full); display: flex; align-items: center; justify-content: center; }

.wdt-advanced-video-container .wdt-play-button { position: relative; cursor: pointer; }

.wdt-advanced-video-container .wdt-play-button span { font-size: clamp(1.25rem, 1.1058rem + 0.641vw, 1.875rem);
    width: clamp(3.75rem, 3.1731rem + 2.5641vw, 6.25rem); height: clamp(3.75rem, 3.1731rem + 2.5641vw, 6.25rem);
    background: var(--wdtAccentTxtColor); color: var(--wdtHeadAltColor); display: flex; align-items: center; justify-content: center;
    border-radius: var(--wdtRadius_Full); -webkit-border-radius: var(--wdtRadius_Full);
    transition: var(--wdtAltTransition); -webkit-transition: var(--wdtAltTransition);
}


.wdt-advanced-video-container .wdt-video-marquee.wdt-video-trigger {
display: flex; font-size: var(--wdtFontSize_Alt); flex-wrap: nowrap; flex-direction: row; text-wrap: nowrap; 
position: absolute; z-index: 10; top: 50%; transform: translateX(-50%);  }
.wdt-advanced-video-container .wdt-video-marquee.wdt-video-trigger { 
    font-family: var(--wdtFontTypo_Alt); font-style: italic; font-weight: var(--wdtFontWeight_Alt); left: 0; right: 0; }
.wdt-advanced-video-container .wdt-video-marquee.wdt-video-trigger.pause { 
    margin: auto; width: fit-content; }

.wdt-advanced-video-container:before{
	content:''; position:absolute; width: 100%; height:100%;
	 background-color: rgba(0, 0, 0, 0.1); z-index: 0; }

.wdt-advanced-video-container .wdt-video-marquee.wdt-video-trigger {
	display: flex; font-size: var(--wdtFontSize_Alt); flex-wrap: nowrap; flex-direction: row; text-wrap: nowrap;
	position: absolute; z-index: 10; top: 50%; transform: translateY(-50%) translateX(0) !important; gap:.5em;
	transition: var(--wdt-Ad-transition); }

.wdt-advanced-video-container video + .wdt-video-marquee.wdt-video-trigger {
	margin:auto; width:fit-content; transition: var(--wdt-Ad-transition); opacity:0; pointer-events: none;
	color: var(--wdtAccentTxtColor);  font-size: clamp(1.25rem, 1.1107rem + 0.6369vw, 1.875rem); transition: var(--wdt-Ad-transition); }

.wdt-advanced-video-container .wdt-advanced-video video.advanced-video { opacity: 0; transition: var(--wdt-Ad-transition); }

.wdt-advanced-video-container:has( .wdt-video-marquee-track.wdt-video-playing) video.advanced-video { opacity: 1; }

.wdt-advanced-video-container:has( .wdt-video-marquee-track.wdt-video-playing) video + .wdt-video-marquee.wdt-video-trigger { 
	opacity: 1; pointer-events: all; cursor: pointer; }

.wdt-video-marquee-track {
	width: auto; cursor: pointer; flex: 0 0 auto; font-size: clamp(5rem, 3.8854rem + 5.0955vw, 10rem);
	font-family: var(--wdtFontTypo_Alt); font-weight: var(--wdtFontWeight_Alt); font-style: italic; letter-spacing: 0;
	line-height: var(--wdtLineHeight_Alt); width: auto; height: 100%; flex: 0 0 auto; display: grid; gap: .5em;
	color: var(--wdtAccentTxtColor); grid-auto-flow: column; align-items: center;
	justify-content: space-evenly; transition: var(--wdt-Ad-transition); opacity:0.75; }

.wdt-video-marquee-track .wdt-marquee-icon{ font-size: clamp(1.25rem, 1.1107rem + 0.6369vw, 1.875rem);}
.wdt-video-marquee-track:first-child { -webkit-animation: wdtMarqueeLeft 24s linear infinite 0ms;
	animation: wdtMarqueeLeft 24s linear infinite 0ms; }

.wdt-advanced-video-container .wdt-video-marquee.wdt-video-trigger:hover .wdt-video-marquee-track:first-child { animation-play-state: paused; }
.wdt-advanced-video-container .wdt-video-marquee.wdt-video-trigger .wdt-video-marquee-track.wdt-video-playing { opacity:0; }

@keyframes wdtMarqueeLeft {
	from {
		margin-left: 0;
	}

	to {
		margin-left: calc(1 * var(--wdt-marque-Margin-Width));
	}
}




.wdt-video-marquee.wdt-video-trigger {
display: flex;
overflow: hidden;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10;
width: 100%;pointer-events: none; /* until video is not playing */
}

.wdt-video-marquee-track {
display: flex;
align-items: center;
gap: 2rem; /* adjust spacing */
animation: wdtMarqueeLeft 30s linear infinite;
flex-shrink: 0;
min-width: 100%;
}

/* Duplicate content for seamless loop */
.wdt-video-marquee-track:last-child {
animation-delay: -15s;
}

@keyframes wdtMarqueeLeft {
from { transform: translateX(0); }
to { transform: translateX(-50%); } /* works best when content is duplicated */
}

/* When playing → hide marquee */
.wdt-video-marquee-track.wdt-video-playing {
opacity: 0;
visibility: hidden;
} .wdt-video-marquee.wdt-video-trigger {
	display: flex;
overflow: hidden;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10;
width: 100%;

cursor: pointer;
pointer-events: all;
}

.wdt-video-marquee-track {
display: flex;
align-items: center;
gap: 2rem;
animation: wdtMarqueeLeft 30s linear infinite;
flex-shrink: 0;
min-width: 100%;
}

.wdt-video-marquee-track:last-child {
animation-delay: -15s;
}

/* When video is playing → hide marquee */
.wdt-advanced-video-container:has(.wdt-video-marquee-track.wdt-video-playing) .wdt-video-marquee-track {
opacity: 0;
visibility: hidden;
}

@keyframes wdtMarqueeLeft {
from { transform: translateX(0); }
to { transform: translateX(-50%); }
}