/**
 * Shirdi Live Darshan Manager - Frontend Styles
 *
 * Provides a responsive 16:9 container for Live Darshan video streams.
 */

.shirdi-live-darshan-wrapper {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
}

.shirdi-live-darshan-container {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%; /* 16:9 standard video aspect ratio */
	overflow: hidden;
	background-color: #000000;
	border-radius: 6px;
}

/* Modern browsers with aspect-ratio support fallback gracefully */
@supports (aspect-ratio: 16 / 9) {
	.shirdi-live-darshan-container {
		/* Keeps padding-bottom for backwards compatibility */
	}
}

.shirdi-live-darshan-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
	display: block;
}

/* Notice for administrators when URL is missing */
.shirdi-live-darshan-notice {
	padding: 16px;
	background: #fff3cd;
	border: 1px solid #ffeeba;
	color: #856404;
	border-radius: 4px;
	font-size: 14px;
	text-align: center;
}