/* ==========================================================================
   Textning i publikvyn
   --------------------------------------------------------------------------
   Introfilmen har ett WebVTT-spar (media/intro.sv.vtt). Sparet slas pa och av
   via textTracks-API:t i screenOverlay.js, inte via CSS - webblasaren ritar
   annars om spar som ar avstangda.

   Stilen ar satt for projektorvisning pa avstand: stor text, hog kontrast och
   en mork platta bakom sa den haller aven mot ljusa bildpartier.
   ========================================================================== */

.screen-overlay-intro-video::cue {
    /* clamp mot vh sa texten skalar med projektorytan, inte med fonstret */
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-size: clamp(24px, 4vh, 46px);
    font-weight: 600;
    line-height: 1.28;
    color: #fffdf7;
    background: rgba(6, 5, 10, 0.76);
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.9);
}

/* Kursiv i .vtt anvands for berattarrost eller ljudbeskrivning */
.screen-overlay-intro-video::cue(i) {
    font-style: italic;
    color: #f2e6cd;
}

/* ==========================================================================
   Placering
   --------------------------------------------------------------------------
   Webblasaren placerar cues i nederkant. Publikvyn har en vinjettering och ett
   vattenmarke dar, sa cue-boxen lyfts en aning via line-instaellningen i
   .vtt-filen om det behovs. Reglerna nedan ser till att inget annat lagger sig
   over texten.
   ========================================================================== */

/* Timern i publikvyn ligger i nederkant och kan kollidera med textningen.
   Under introfilmen flyttas den upp sa bada syns. */
body.screen-mode-intro #screenOverlay.screen-overlay-show-timer .screen-overlay-timer {
    bottom: auto;
    top: clamp(14px, 3vh, 40px);
}

/* Vattenmarket tonas ner under introfilmen sa det inte krockar med texten. */
body.screen-mode-intro #screenOverlay .screen-overlay-watermark {
    opacity: 0.34;
}

/* Nar spelledaren stangt av textningen ska ingenting reserveras for den. */
#screenOverlay.screen-overlay-subtitles-off .screen-overlay-intro-video::cue {
    background: transparent;
}

/* ==========================================================================
   VIKTIGT: vinjetteringen ligger over videon
   --------------------------------------------------------------------------
   Cues ritas av webblasaren inuti video-elementet, alltsa UNDER
   .screen-overlay-vignette (z-index 2). Med full vinjettering dampades vit
   text fran 255 till 158 - uppmatt, inte gissat. Introfilmen behover ingen
   kraftig vinjettering, sa den tonas ner under uppspelning.
   ========================================================================== */

body.screen-mode-intro #screenOverlay .screen-overlay-vignette {
    opacity: 0.32;
}