/* RTS slider styles */
.rts-wrap{
  direction: rtl;
  font-family: system-ui, -apple-system, "Cairo", sans-serif;
  color: #D4AF37;
}

.rts-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:12px;
}

.rts-title{
  font-size:18px;
  font-weight:700;
  color: var(--rts-primary);
}

.rts-nav{display:flex;gap:8px}
.rts-btn{
  width:40px;height:40px;border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background: var(--rts-bg);
  color: #D4AF37;
  cursor:pointer;
  display:grid;place-items:center;
  transition: transform .15s ease, border-color .15s ease;
}
.rts-btn:hover{transform: translateY(-1px); border-color: rgba(255,255,255,.25)}

.rts-card{
  border-radius: var(--rts-radius);
  overflow:hidden;
  background: var(--rts-bg);
  border: 1px solid rgba(255,255,255,.10);
}

.rts-video{
  position:relative;
  aspect-ratio: 9 / 16;
  background:#000;
}

.rts-player{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.rts-play{
  position:absolute;
  inset:0;
  border:0;
  background: linear-gradient(180deg, rgba(212,175,55,.18), rgba(212,175,55,.28));
  display:grid;
  place-items:center;
  cursor:pointer;
  transition: opacity .2s ease;
}

.rts-play-icon{
  width:74px;height:74px;
  border-radius:999px;
  background: rgba(212,175,55,.18);
  border: 1px solid rgba(212,175,55,.45);
  backdrop-filter: blur(6px);
  position:relative;
}
.rts-play-icon::after{
  content:"";
  position:absolute;
  top:50%;left:50%;
  transform: translate(-40%,-50%);
  width:0;height:0;
  border-top:14px solid transparent;
  border-bottom:14px solid transparent;
  border-left:22px solid #D4AF37;
}

.rts-card.is-playing .rts-play{opacity:0;pointer-events:none}

.rts-meta{padding:12px 14px 14px}
.rts-name{font-weight:700;font-size:15px}
.rts-role{margin-top:4px;font-size:12px;opacity:.85}


/* Toggle play/pause */
.rts-video{touch-action: manipulation;}
.rts-player{cursor:pointer;}