/* Salam TV - Aparat Video Manager v1.1.0 */
.salam-tv-grid{display:grid;gap:22px;margin:20px 0}
.salam-tv-grid.columns-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.salam-tv-grid.columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.salam-tv-grid.columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.salam-tv-grid.columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.salam-tv-grid.columns-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.salam-tv-card{background:#fff;border:1px solid #eee;border-radius:14px;overflow:hidden;box-shadow:0 4px 18px rgba(0,0,0,.06)}
.salam-tv-thumb{display:block;position:relative;aspect-ratio:16/9;background:#eee;overflow:hidden;cursor:pointer}
.salam-tv-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.salam-tv-card:hover .salam-tv-thumb img{transform:scale(1.05)}
.salam-tv-no-thumb{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#777;font-weight:700}
.salam-tv-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background:rgba(0,0,0,.72);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;transition:background .25s}
.salam-tv-card:hover .salam-tv-play{background:rgba(220,20,60,.85)}
.salam-tv-body{padding:14px 16px}
.salam-tv-body h3{font-size:16px;line-height:1.8;margin:0}
.salam-tv-body h3 a{text-decoration:none;color:inherit}
.salam-tv-empty{padding:25px;text-align:center;background:#f7f7f7;border-radius:12px}

/* ---------- Slider ---------- */
.salam-tv-slider{position:relative;margin:20px 0}
.salam-tv-slider .salam-tv-track{
  display:flex;gap:22px;overflow-x:auto;scroll-behavior:smooth;
  scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
  scrollbar-width:none;padding:4px 2px 10px;
}
.salam-tv-slider .salam-tv-track::-webkit-scrollbar{display:none}
.salam-tv-slider .salam-tv-track.salam-tv-grid{display:flex}
.salam-tv-slider .salam-tv-card{flex:0 0 auto;scroll-snap-align:start}
/* کارت‌های قابل مشاهده در اسلایدر */
.salam-tv-slider .salam-tv-track.columns-1>.salam-tv-card{width:100%}
.salam-tv-slider .salam-tv-track.columns-2>.salam-tv-card{width:calc((100% - 22px)/2)}
.salam-tv-slider .salam-tv-track.columns-3>.salam-tv-card{width:calc((100% - 44px)/3)}
.salam-tv-slider .salam-tv-track.columns-4>.salam-tv-card{width:calc((100% - 66px)/4)}
.salam-tv-slider .salam-tv-track.columns-5>.salam-tv-card{width:calc((100% - 88px)/5)}

.salam-tv-arrow{
  position:absolute;top:50%;transform:translateY(-50%);z-index:5;
  width:44px;height:44px;border:none;border-radius:50%;cursor:pointer;
  background:rgba(0,0,0,.65);color:#fff;font-size:20px;line-height:1;
  display:flex;align-items:center;justify-content:center;
  transition:background .25s,opacity .25s;opacity:.85;
}
.salam-tv-arrow:hover{background:rgba(220,20,60,.9);opacity:1}
.salam-tv-prev{right:-8px}
.salam-tv-next{left:-8px}
.salam-tv-arrow.salam-tv-hidden{opacity:0;pointer-events:none}
/* RTL: فلش‌ها جهت درست را نشان دهند */
[dir="rtl"] .salam-tv-prev{right:-8px}
[dir="rtl"] .salam-tv-next{left:-8px}

/* ---------- Responsive columns ---------- */
@media(max-width:1024px){
  .salam-tv-slider .salam-tv-track.cols-t-1>.salam-tv-card{width:100%}
  .salam-tv-slider .salam-tv-track.cols-t-2>.salam-tv-card{width:calc((100% - 22px)/2)}
  .salam-tv-slider .salam-tv-track.cols-t-3>.salam-tv-card{width:calc((100% - 44px)/3)}
  .salam-tv-slider .salam-tv-track.cols-t-4>.salam-tv-card{width:calc((100% - 66px)/4)}
  .salam-tv-grid.cols-t-1{grid-template-columns:repeat(1,minmax(0,1fr))}
  .salam-tv-grid.cols-t-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .salam-tv-grid.cols-t-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .salam-tv-grid.cols-t-4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .salam-tv-grid.columns-3,.salam-tv-grid.columns-4,.salam-tv-grid.columns-5{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .salam-tv-slider .salam-tv-track.cols-m-1>.salam-tv-card{width:100%}
  .salam-tv-slider .salam-tv-track.cols-m-2>.salam-tv-card{width:calc((100% - 22px)/2)}
  .salam-tv-grid.columns-3,.salam-tv-grid.columns-4,.salam-tv-grid.columns-5,
  .salam-tv-grid.columns-2{grid-template-columns:1fr}
  .salam-tv-arrow{width:38px;height:38px;font-size:16px}
}

/* ---------- Popup / Lightbox ---------- */
.salam-tv-lightbox{
  position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;
  background:rgba(0,0,0,.88);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s;
  padding:20px;
}
.salam-tv-lightbox.salam-tv-open{opacity:1;visibility:visible}
.salam-tv-lightbox-inner{position:relative;width:100%;max-width:900px;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 10px 60px rgba(0,0,0,.6)}
.salam-tv-lightbox-ratio{position:relative;padding-top:56.25%}
.salam-tv-lightbox-ratio iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.salam-tv-lightbox-close{
  position:absolute;top:-48px;left:0;width:40px;height:40px;border:none;border-radius:50%;
  background:rgba(255,255,255,.15);color:#fff;font-size:20px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;transition:background .2s;
}
.salam-tv-lightbox-close:hover{background:rgba(220,20,60,.9)}
body.salam-tv-no-scroll{overflow:hidden}