/*
 * Caturria Virtual Cinema — minimal custom styling.
 * Bootstrap does the heavy lifting; this file only adds the few touches
 * Bootstrap doesn't give us for free.
 */

/* The Shaka Player mount point.
   - Full-bleed: spans the full viewport width (the video is the main event).
   - 16:9 by default, but capped at the viewport height so on very wide
     (e.g. ultrawide) monitors it never grows taller than the screen.
   - Black "screen" background so it reads as a video area before Shaka fills
     it, and so the letterbox/pillarbox bars look intentional. */
#shakaContainer {
  width: 100%;
  aspect-ratio: 16 / 9;
  max-height: 100vh;
  background-color: #000;
  overflow: hidden;
}

/* Center and fit whatever Shaka drops in (its <video>/wrapper) without
   distortion when the box isn't a perfect 16:9 (e.g. once max-height kicks in). */
#shakaContainer > * {
  width: 100%;
  height: 100%;
  object-fit: contain;
}