.optis-lite-yt{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:16/9;
  background:#000;
  cursor:pointer;
  border-radius:10px;
  overflow:hidden;
}
/* Poster (smije “na dno”) */
.optis-lite-yt-thumb{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center bottom; /* kadriraj od dna */
  border:0;
  display:block;
}

.optis-lite-yt iframe{
  position:absolute;
  top:50%;
  left:50%;
  width:100%;
  height:100%;
  transform:translate(-50%,-50%);
  border:0;
  display:block;
}




.optis-lite-yt-play{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:68px;height:48px;
  background:rgba(0,0,0,.6);
  border-radius:14px;
}
.optis-lite-yt-play:after{
  content:'';
  position:absolute;
  left:26px;top:16px;
  border-style:solid;
  border-width:8px 0 8px 14px;
  border-color:transparent transparent transparent #fff;
}



.optis-lite-yt-sound {
  position:absolute;
  bottom:12px;
  right:12px;
  width:36px;
  height:36px;
  background:rgba(0,0,0,.6);
  border-radius:50%;
  cursor:pointer;
}
.optis-lite-yt-sound:after {
  content:'';
  position:absolute;
  left:12px;
  top:10px;
  border-style:solid;
  border-width:6px 0 6px 10px;
  border-color:transparent transparent transparent #fff;
}




/* Slojevi: iframe ispod, tipke iznad */
.optis-lite-yt iframe{ z-index:1; }
.optis-lite-yt-play{  z-index:2; }
.optis-lite-yt-sound{ z-index:3; }

/* kad je iframe montiran, poster/play nestaju, klik ide na iframe */
.optis-lite-yt[data-mounted="1"] .optis-lite-yt-thumb,
.optis-lite-yt[data-mounted="1"] .optis-lite-yt-play{ display:none !important; }

.optis-lite-yt[data-mounted="1"] > * { pointer-events:none; }
.optis-lite-yt[data-mounted="1"] iframe { pointer-events:auto; z-index:1; }


/* Mobile: ne reži YouTube traku s kontrolama; video ostaje centriran */
@media (max-width: 768px){
  .optis-lite-yt iframe{
    position:absolute;
    inset:0;
    width:100%; height:100%;
    transform:none;          /* bez translate – cijeli player u okviru */
    object-fit:unset;        /* ne “cover” na iframu */
  }
}


/* Slojevi i klikovi kad je iframe montiran */
.optis-lite-yt iframe{ z-index:1; }
.optis-lite-yt-play{  z-index:2; }
.optis-lite-yt-sound{ z-index:3; }

/* Kad je player aktivan -> ukloni poster/play i pusti klik na iframe */
.optis-lite-yt[data-mounted="1"] .optis-lite-yt-thumb,
.optis-lite-yt[data-mounted="1"] .optis-lite-yt-play{ display:none !important; }
.optis-lite-yt[data-mounted="1"] > * { pointer-events:none; }
.optis-lite-yt[data-mounted="1"] iframe { pointer-events:auto; }

/* MOBILNO: ne “reži” iframe – cijeli toolbar vidljiv; thumbnail ostaje centriran */
@media (max-width: 768px){
  .optis-lite-yt iframe{
    position:absolute;
    inset:0;
    width:100%; height:100%;
    transform:none !important;
    object-fit:unset !important;
  }
}