/* DareOrDare Site Helpers */
.dod-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 20;
	width: 57px;
	height: 57px;
	border-radius: 50%;
	border: 0;
	background: #ef3636;
	color: #ffffff;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	padding: 0;
	transition: opacity .2s ease, transform .15s ease;
}
.dod-arrow:hover { transform: translateY(-50%) scale(1.06); }
.dod-arrow:active { transform: translateY(-50%) scale(.95); }
.dod-arrow svg { width: 28px; height: 28px; display: block; }
.dod-arrow-left { left: 8px; }
.dod-arrow-right { right: 8px; }
.dod-arrow[hidden] { display: none; }
.dod-arrow.is-off { opacity: 0; pointer-events: none; }
@media (max-width: 767px) {
	.dod-arrow { width: 44px; height: 44px; }
	.dod-arrow svg { width: 22px; height: 22px; }
	.dod-arrow-left { left: 4px; }
	.dod-arrow-right { right: 4px; }
}
.dod-dots { display: flex; justify-content: center; align-items: center; gap: 8px; padding: 14px 0 4px; }
.dod-dots[hidden] { display: none; }
.dod-dot { width: 12px; height: 12px; min-width: 0; padding: 0; border: 0; border-radius: 50%; background: #c9c9c9; cursor: pointer; transition: background .2s ease, transform .2s ease; }
.dod-dot.is-active { background: #111111; transform: scale(1.15); }
.dod-dots.is-dark .dod-dot { background: #5a5a5a; }
.dod-dots.is-dark .dod-dot.is-active { background: #ffffff; }
@media (max-width: 767px) { .dod-dots { gap: 7px; } .dod-dot { width: 10px; height: 10px; } }
.dod-video-frame { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block; }

/* Play button on video cards until the player loads */
.dod-has-play > :not(.dod-play) { display: none !important; }
.dod-play {
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
	width: 68px; height: 68px; border-radius: 50%;
	background: rgba(255, 255, 255, 0.92); color: #111111;
	display: flex; align-items: center; justify-content: center;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35); pointer-events: none;
	transition: transform .15s ease;
}
.dod-has-play:hover .dod-play { transform: translate(-50%, -50%) scale(1.06); }
.dod-play svg { width: 30px; height: 30px; margin-left: 4px; display: block; }
@media (max-width: 767px) { .dod-play { width: 58px; height: 58px; } .dod-play svg { width: 26px; height: 26px; } }

/* Video slider: at exactly 1024px wide (iPad landscape) show 4 videos like the old slider did */
@media (min-width: 1024px) and (max-width: 1024.98px) {
	.elementor [class*="dod-vd-card"] { flex-basis: calc(25vw - 67.5px) !important; }
}

/* Emoji animations (Lottie) */
.dod-lottie svg{display:block;width:100%!important;height:100%!important}
.dod-lottie>svg{opacity:0;transition:opacity .35s ease}
.dod-lottie.dod-lottie-ready>svg{opacity:1}