/* archive-video.css — aspect-ratio for imported Brightcove video mounts.
 * brightcove-hydrate.js injects a .video-js.vjs-fluid player into the live
 * .multimedia-video mount. Give the wrapper the correct box so portrait reels
 * are not assumed 16:9 (Marcelo, ned-import-feedback §B1). Orientation class
 * (.multimedia-video--portrait) is added at import time from video-dims.csv.
 * Enqueued only on imported posts by ig-includes/archive-assets.php. */

.multimedia-video {
	margin: 1.5rem auto;
	max-width: 100%;
}

.multimedia-video--center {
	text-align: center;
}

/* Credit / caption line sits directly under the player — give it some air so
 * it does not read as glued to the video. */
.multimedia-video__figure-caption {
	margin-top: 0.5rem;
}

/* Landscape (default): responsive 16/9 box. */
.multimedia-video .video-js,
.multimedia-video .video-player {
	width: 100%;
	aspect-ratio: 16 / 9;
}

/* Portrait reels (404x720): tall box, centered, height-capped so it does not
 * dominate the viewport. */
.multimedia-video--portrait {
	display: flex;
	justify-content: center;
}

.multimedia-video--portrait .video-js,
.multimedia-video--portrait .video-player {
	width: auto;
	aspect-ratio: 404 / 720;
	max-width: min(404px, 100%);
	max-height: 80vh;
	margin-inline: auto;
}