/* GateAnime Discover Slider (RTL) */
.GA-Discover{margin:10px 0 30px}
.GA-Discover__hero{padding:10px 0 18px}
.GA-Discover__title{font-size:28px;margin:0}
.GA-Discover__subtitle{opacity:.75;margin:6px 0 0}

.GA-DiscoverSection{margin:18px 0 26px}
.GA-DiscoverSection__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:0 0 10px;
  direction: rtl;
}
.GA-DiscoverSection__title{
  margin:0;
  font-size:20px;
  line-height:1.3;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.GA-DiscoverSection__controls{
  display:flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
}
body.Dark body.Dark 
.GA-DiscoverArrows{display:flex;align-items:center;gap:6px}
.GA-DiscoverArrows button{
  padding:8px 14px;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.14);
  background:rgba(0,0,0,.08);
  cursor:pointer;
  font-size:18px;
  line-height:1;
  color:rgba(0,0,0,.95);
  min-width:44px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
body.Dark .GA-DiscoverArrows button{
  border-color:rgba(255,255,255,.16);
  background:rgba(255,255,255,.10);
  color:rgba(255,255,255,.98);
}
.GA-DiscoverArrows button:disabled{opacity:.35;cursor:default}

.GA-DiscoverRow{
  position:relative;
  direction: rtl;
}
.GA-DiscoverTrack{
  scroll-padding-inline: 18px;
  padding-inline: 18px;
  touch-action: pan-x;

  display:flex;
  flex-direction:row-reverse;
  gap:10px;
  overflow-x:auto;
  overflow-y:hidden;
  padding:2px 2px 10px;
  scroll-snap-type:x proximity;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.GA-DiscoverTrack::-webkit-scrollbar{display:none}

.GA-DiscoverCard{
  flex:0 0 auto;
  width:170px;
  scroll-snap-align:start;
}
.GA-DiscoverCard a{display:block;text-decoration:none !important}
.GA-DiscoverCard__poster{
  width:100%;
  aspect-ratio:2/3;
  border-radius:14px;
  overflow:hidden;
  background:rgba(0,0,0,.06);
}
body.Dark .GA-DiscoverCard__poster{background:rgba(255,255,255,.06)}
.GA-DiscoverCard__poster img{width:100%;height:100%;object-fit:cover;display:block}
.GA-DiscoverCard__name{
  margin:8px 2px 0;
  font-size:13px;
  line-height:1.25;
  max-height:2.5em;
  overflow:hidden;
}

body.Dark .GA-DiscoverMore{
  scroll-snap-align: center;
  scroll-snap-stop: always;

  border-color:rgba(255,255,255,.18);
  background:rgba(255,255,255,.06);
}
.GA-DiscoverMore__inner{
  text-align:center;
  padding:10px;
}
.GA-DiscoverMore__icon{font-size:22px;line-height:1;margin-bottom:6px;opacity:.8}
.GA-DiscoverMore__text{font-size:13px;opacity:.9}

@media (max-width: 768px){
  .GA-DiscoverCard,.GA-DiscoverMore{
  scroll-snap-align: center;
  scroll-snap-stop: always;
width:130px}
  .GA-DiscoverArrows button{width:30px;height:26px}
  .GA-DiscoverSection__title{font-size:16px}
}

/* Controls below the row */
.GA-DiscoverSection__foot{
  display:flex;
  align-items:center;
  justify-content:center;
  margin:8px 0 0;
  direction: rtl;
}
.GA-DiscoverSection__foot .GA-DiscoverSection__foot .GA-DiscoverArrows{justify-content:flex-end}

.GA-DiscoverSection__foot 
/* Tabs + Filters */
.GA-DiscoverTabs{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin:10px 0 12px;
  direction: rtl;
}
.GA-DiscoverTabs a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.12);
  background:rgba(0,0,0,.04);
  text-decoration:none !important;
  font-size:13px;
}
body.Dark .GA-DiscoverTabs a{
  border-color:rgba(255,255,255,.16);
  background:rgba(255,255,255,.06);
}
.GA-DiscoverTabs a.is-active{
  background:rgba(0,0,0,.12);
  border-color:rgba(0,0,0,.18);
}
body.Dark .GA-DiscoverTabs a.is-active{
  background:rgba(255,255,255,.14);
  border-color:rgba(255,255,255,.22);
}

.GA-DiscoverFilters{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
  margin:0 0 14px;
  direction: rtl;
}
.GA-DiscoverFilters select{
  max-width:160px;
  padding:8px 10px;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.12);
  background:rgba(255,255,255,.8);
}
body.Dark .GA-DiscoverFilters select{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.14);
  color:inherit;
}
.GA-DiscoverFilters button{
  padding:8px 14px;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.14);
  background:rgba(0,0,0,.08);
  cursor:pointer;
}
body.Dark .GA-DiscoverFilters button{
  border-color:rgba(255,255,255,.16);
  background:rgba(255,255,255,.10);
}

/* Reuse theme MovieTabNav, but make it RTL-friendly */
.GA-DiscoverTabs.MovieTabNav{direction:rtl;text-align:right}
.GA-DiscoverTabs.MovieTabNav .Lnk{margin-right:0;margin-left:1.25rem}
.GA-DiscoverTabs.MovieTabNav .Lnk:last-child{margin-left:0}

.GA-DiscoverMore{position:relative;z-index:1}
.GA-DiscoverMore a{display:block}

/* Header: title + tabs like Genre page */
.GA-DiscoverHeader{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  direction: rtl;
  margin:10px 0 16px;
}
.GA-DiscoverHeader .GA-Discover__title{
  margin:0;
  font-size:28px;
  line-height:1.2;
  white-space:nowrap;
}

/* Make tabs look like Genre page segmented pills */
.GA-DiscoverHeader .MovieTabNav{
  display:flex;
  align-items:center;
  direction: rtl;
  background:rgba(0,0,0,.06);
  border-radius:999px;
  padding:4px;
  gap:4px;
  flex:0 0 auto;
}
body.Dark .GA-DiscoverHeader .MovieTabNav{
  background:rgba(255,255,255,.08);
}
.GA-DiscoverHeader .MovieTabNav .Lnk{
  margin:0 !important;
  padding:10px 14px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
}
.GA-DiscoverHeader .MovieTabNav .Lnk.on{
  box-shadow:none;
}

/* On small screens keep it readable */
@media (max-width: 540px){
  .GA-DiscoverHeader{flex-wrap:wrap}
  .GA-DiscoverHeader .MovieTabNav{width:100%; justify-content:space-between}
  .GA-DiscoverHeader .MovieTabNav .Lnk{flex:1}
}

.GA-DiscoverMore{
  flex:0 0 auto;
  width:170px;
  scroll-snap-align:start;
}
@media (max-width: 768px){
  .GA-DiscoverMore{width:130px}
}
.GA-DiscoverMore a{display:block;text-decoration:none !important}
.GA-DiscoverMore__inner{
  width:100%;
  aspect-ratio:2/3;
  border-radius:14px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  border:1px dashed rgba(0,0,0,.18);
  background:rgba(255,255,255,.55);
}
body.Dark .GA-DiscoverMore__inner{
  border-color:rgba(255,255,255,.18);
  background:rgba(255,255,255,.06);
}