/* =========================================================================
   oevelse_video.css — 3D-videoerne i figurens plads (træningssiden).
   Ejes af oevelse_video.js. Videoernes baggrund er --himmel (#eef4ff), så
   "contain" giver usynlige kanter, når boksen har et andet format end videoen (3:4).
   ========================================================================= */

.figur.video { background: var(--himmel); overflow: hidden; }
.figur.video video,
.figur.video img { width: 100%; height: 100%; display: block; object-fit: contain; background: var(--himmel); }

/* Den lille figur på øvelseskortet (72×54) og "lås op"-kortet: beskær midt på personen. */
.traening-side .oevelse-top .fig .figur.video video,
.traening-side .oevelse-top .fig .figur.video img,
.tr-laasop-figurer .figur.video img { object-fit: cover; object-position: 50% 32%; }

/* Den store udgave i arket på telefonen: videoens eget format (3:4), men aldrig højere end skærmen tillader. */
.figur.video.stor { aspect-ratio: 3 / 4; max-height: min(62vh, 620px); margin-inline: auto; }

/* PC: panelet er 2:1 — videoen står i midten med isblå bund på siderne. */
@media (min-width: 1200px) {
    .tr-detalje .figur.video.stor { aspect-ratio: 2 / 1; max-height: none; width: 100%; }
}

/* Plus-låst: plakaten, lidt dæmpet, så låsen og "Lås op" er det man ser først. */
.figur.video.laast img { filter: saturate(.85) brightness(1.02); }