/* ============================================================
   JADS — Modal YouTube player
   ============================================================ */

.jads-modal[hidden] { display: none; }

.jads-modal {
	position: fixed;
	inset: 0;
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
}

.jads-modal-backdrop {
	position: absolute;
	inset: 0;
	background: rgba( 0, 0, 0, 0.82 );
	backdrop-filter: blur( 4px );
	-webkit-backdrop-filter: blur( 4px );
	cursor: pointer;
}

.jads-modal-content {
	position: relative;
	width: 100%;
	max-width: 880px;
	background: #000;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 20px 60px rgba( 0, 0, 0, 0.5 );
}

.jads-modal-close {
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 2;
	background: rgba( 0, 0, 0, 0.6 );
	color: #fff;
	border: none;
	border-radius: 999px;
	width: 36px;
	height: 36px;
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
	font-family: inherit;
}

.jads-modal-close:hover {
	background: rgba( 0, 0, 0, 0.9 );
}

.jads-modal-player {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
}

.jads-modal-player iframe {
	width: 100%;
	height: 100%;
	border: 0;
}

/* Optional play badge that auto-decorates `.jads-play` triggers */
.jads-play {
	position: relative;
}

.jads-play.jads-play--decorated::after {
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(
		circle at center,
		rgba( 0, 0, 0, 0.4 ) 0,
		rgba( 0, 0, 0, 0.4 ) 36px,
		transparent 37px
	);
	background-image:
		url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='48' height='48'%3E%3Ccircle cx='12' cy='12' r='11' fill='rgba(0,0,0,0.55)'/%3E%3Cpath d='M9 7l8 5-8 5z' fill='%23fff'/%3E%3C/svg%3E" );
	background-repeat: no-repeat;
	background-position: center;
	background-size: 56px 56px;
	opacity: 0;
	transition: opacity .2s ease;
	pointer-events: none;
}

.jads-play.jads-play--decorated:hover::after,
.jads-play.jads-play--decorated:focus-within::after {
	opacity: 1;
}
