/* Wrapper & track */
.slr-wrapper{position:relative;width:100%;overflow:hidden;}
.slr-track{display:flex;transition:transform .4s ease;will-change:transform;}
.slr-item{box-sizing:border-box;padding:0 6px;}
.slr-single .slr-track{justify-content:center;}

/* 9:16 card */
.slr-embed{position:relative;width:100%;padding-top:177.78%;background:#000;border-radius:16px;overflow:hidden;}
.slr-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:16px;}

/* Arrows */
.slr-arrow{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.45);color:#fff;border:0;width:40px;height:40px;border-radius:999px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .2s;}
.slr-prev{left:8px;} .slr-next{right:8px;}
.slr-arrows-hover .slr-arrow{opacity:0;pointer-events:none;}
.slr-arrows-hover:hover .slr-arrow{opacity:1;pointer-events:auto;}

/* Dots (aktivna = accent) */
.slr-dots{display:flex;gap:6px;justify-content:center;margin-top:8px;}
.slr-dot{width:8px;height:8px;border-radius:50%;background:#cfcfcf;display:inline-block;cursor:pointer;}
.slr-dot.active{background:var(--e-global-color-accent, #ff3366);}

/* Overlay (uvek top bar vidljiv) */
.slr-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;border-radius:16px;pointer-events:none;}
.slr-topbar{position:absolute;top:8px;left:8px;right:8px;display:flex;gap:8px;align-items:center;justify-content:space-between;pointer-events:none;}
.slr-speaker{padding:6px 10px;border-radius:999px;background:rgba(0,0,0,.45);font-size:13px;font-weight:700;backdrop-filter:saturate(120%) blur(6px);}
.slr-title{margin-left:auto;margin-right:0;padding:6px 10px;border-radius:999px;background:rgba(0,0,0,.45);font-size:14px;font-weight:800;}

/* Play & mute — samo ikonica, bez pozadine */
.slr-play-btn{all:unset !important;cursor:pointer !important;display:grid !important;place-items:center !important;width:90px !important;height:90px !important;color:#fff !important;background:none !important;border:none !important;box-shadow:none !important;pointer-events:auto !important;}
.slr-play-svg{width:90px !important;height:90px !important;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4)) !important;transition:transform .2s ease;}
.slr-play-btn:hover .slr-play-svg{transform:scale(1.1);}

.slr-mute-btn{position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.5);color:#fff;border:0;border-radius:999px;width:36px;height:36px;cursor:pointer;pointer-events:auto;}

@media (max-width:639.98px){
  .slr-item{padding:0 4px;}
  .slr-play-btn{width:72px;height:72px;}
  .slr-play-svg{width:72px;height:72px;}
}
/* Mobilni prikaz: prikaži ceo video (bez sečenja) */
@media (max-width: 640px) {
  .slr-video{
    object-fit: contain !important;   /* prikaži ceo kadar */
    object-position: center center !important;
    background:#000 !important;       /* trake ako treba */
    width:100% !important;
    height:100% !important;
  }

  /* ako ti top bar prekriva ivice, malo ga skupi na fonu */
  .slr-topbar{
    top:6px !important; left:6px !important; right:6px !important;
  }
  .slr-speaker, .slr-title{
    padding:5px 9px !important;
    font-size:13px !important;
  }
}

/* 9:16 container */
.slr-embed{
  position:relative;
  width:100%;
  aspect-ratio: 9 / 16;   /* modern */
  background:#000;
  border-radius:16px;
  overflow:hidden;
}
/* fallback za stare browsere */
@supports not (aspect-ratio: 1 / 1){
  .slr-embed{ padding-top:177.78%; height:0; }
}
.slr-video{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit: cover;             /* default (desktop) */
  border-radius:16px;
}

/* —— STORY FIT: bez sečenja —— */
/* 1) forcira "contain" kada dodamo klasu sa JS-a po aspektu */
.slr-contain .slr-video{ 
  object-fit: contain !important;
  object-position:center center !important;
  background:#000 !important;
}

/* 2) telefonska orijentacija (portret) — takođe "contain" */
@media (orientation: portrait), (max-aspect-ratio: 10/16) {
  .slr-video{
    object-fit: contain !important;
    object-position:center center !important;
    background:#000 !important;
  }
}

/* sigurnosno – ako su ostala dugmad u kešu */
.slr-play-btn, .slr-mute-btn{ display:none !important; }