/* video-prehravac-1.1.css – nahled videa u inzeratu a vrstva s prehravacem Video.js 10 (T80, motoinzerce T163).
   Kopie z tipmoto.com – lisi se JEN barvou (modra #005CA3), velikosti nahledu (425x344) a jeho vycentrovanim
   (obal #player ma text-align:center, blokovy odkaz ale centruje jen margin:auto).
   Obsluha: js/video-prehravac-1.0.js, markup: includes/video_prehravac.php. */

/* nahled na strance – stejne misto jako drivejsi iframe YouTube (425x344, Jirka 24. 9.: ponechat) */
.vp-nahled{position:relative;display:block;width:425px;height:344px;max-width:100%;margin:0 auto;background:#000;cursor:pointer;overflow:hidden}
.vp-nahled img{width:100%;height:100%;object-fit:contain;display:block}
.vp-nahled .vp-play{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;
  background:rgba(0,92,163,.92);box-shadow:0 2px 12px rgba(0,0,0,.45);transition:transform .15s}
.vp-nahled .vp-play::after{content:"";position:absolute;left:30px;top:22px;border-style:solid;border-width:16px 0 16px 26px;
  border-color:transparent transparent transparent #fff}
.vp-nahled:hover .vp-play,.vp-nahled:focus .vp-play{transform:scale(1.08)}

/* vrstva: roztazeno na okno v POMERU STRAN VIDEA (1.1): --vp-pomer = sirka/vyska nastavi JS podle data-pomer
   nahledu (rozmery od Coconutu v tipmoto_media) nebo podle metadat videa; bez nich 16:9 (YouTube).
   Video na vysku tak na iPhonu vyplni vysku, ne jen pruh 16:9 (Jirka 24. 9.).
   🔴 dvh, ne jen vh: na iPhonu vh nepocita s listou Safari a video by pod ni zajelo (vh zustava jako pojistka). */
.vp-vrstva .f-html{padding:0;background:#000}
.vp-vrstva .vp-obal{--vp-pomer:1.7778;width:min(96vw,calc(90vh*var(--vp-pomer)));width:min(96vw,calc(90dvh*var(--vp-pomer)));
  aspect-ratio:var(--vp-pomer);max-height:90vh;max-height:90dvh;background:#000}
/* 🔴 skin desitky je grid a vysku potrebuje dostat zvenku, jinak ma nulovou vysku */
.vp-vrstva video-player{display:block;width:100%;height:100%;--media-accent-color:#005ca3}   /* modra motoinzerce (listy .cerv) */
.vp-vrstva video-skin,.vp-vrstva hls-video,.vp-vrstva youtube-video,.vp-vrstva video,.vp-vrstva iframe{width:100%;height:100%;border:0}