/**
 * Watch page behaviour layer.
 *
 * The bulk of the watch layout styling already ships in style.css (the original
 * build's compiled CSS-module classes). This file only adds the small bits the
 * dynamic player needs: sizing the JS-mounted engine surface, the embed iframe,
 * and the "Lights Off" theater dim.
 */


[data-miruro-player] [data-media-provider] video,
[data-miruro-player] .plyr {
	width: 100%;
	height: 100%;
}

/* Embed surface uses the original container / iframe. */
[data-miruro-embed] {
	width: 100%;
	z-index: var(--z-index-modal);
}

/* Active toggle state in the player menu. */
[data-miruro-player-menu] [data-active="true"] {
	color: var(--primary-accent, #6ca2ff);
}

/* Disabled download button (selected server has no download link). */
[data-miruro-download][disabled],
[data-miruro-download][aria-disabled="true"] {
	opacity: 0.4;
	cursor: not-allowed;
	pointer-events: none;
}

@media (min-width: 750px) {
	#comments-button,
	[data-comments-notice] {
		display: none;
	}
}
@media (max-width: 750px) {
	[data-miruro-comments]:not(.sheet) {
		display: none !important;
	}
}