@charset "UTF-8";

/* Live-only overrides on top of theme.css + video.css shared layout. */

/* Base colour only for the live .widescreen standby background — the poster image itself is
   resolved from the REST standby manifest and written as an inline backgroundImage by LivePlayer's
   setPoster (deferred until REST resolves it). No static image reference lives in CSS; the inline
   value is the sole source of the image. */
#videobox .widescreen {
	background-color: var(--color-brand);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

/* Mode selector — parallels .part-selector positioning in the bar. */
/* Hidden until a meeting populates the player (mirrors .share-btn / .part-selector);
   live.js toggles .visible off !!meetingData in renderMeetingInfo. */
.mode-selector {
	display: none;
	align-items: center;
	gap: var(--spacing-sm);
	color: var(--color-text-inverse);
}
.bar .mode-selector.visible { display: flex; }
.mode-selector label {
	font-size: var(--font-size-base);
}
.mode-selector select {
	padding: var(--spacing-xs) var(--spacing-md);
	border-radius: var(--radius-base);
	border: 1px solid var(--color-tab-hover);
	font-size: var(--font-size-base);
}

/* LIVE overlay badge — present in every live player (stream.htm, chamber.htm, and the dashboard
   kiosk). It overlays the top-right of the video above #mediaspace. Hidden until live.js adds
   .visible (a live transport is playing); the standby slate never gets it. Offsets are % of the
   .widescreen box and the font is vw, so both scale with the video block. */
#live-badge.live-badge {
	display: none;
	position: absolute;
	top: 4%;
	right: 3%;
	z-index: 3;
	padding: 0.175vw 0.5vw;
	background-color: #d5202a;
	color: #fff;
	font-weight: 700;
	font-size: 1vw;
	line-height: 1;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	border-radius: 0.15vw;
	box-shadow: 0 0 0.2vw rgba(0, 0, 0, 0.55);
	pointer-events: none;
}
#live-badge.live-badge.visible {
	display: block;
}