/* Shared overlay/modal refinements (lightweight, non-destructive) */
/* Ensure any overlay containers naturally float above global navigation */
.score-overlay,
.modal,
.modal-overlay,
.youtube-embed-overlay {
	z-index: 7000 !important;
}

/* Respect preference: video players should not have a background */
.youtube-embed-container,
.score-video-column .youtube-embed-container,
.modal-media.video .embed,
.modal-media.score-video .embed {
	background: transparent !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

/* Ensure proper 16:9 sizing for YouTube embeds */
.youtube-embed-container {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
}

.youtube-embed-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/* Unify catalog/composition overlay inner container look */
.score-overlay .score-layout-container {
	background: transparent !important;
	padding: 0 !important;
	border: none !important;
}

/* Minor polish: avoid double paddings around audio block inside overlays */
.score-overlay .score-overlay-audio-controls .composition-audio-container {
	padding: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	border: none !important;
}

/* Keep toggle buttons consistent spacing across pages */
.score-toggle-container {
	gap: 0.5rem;
}