/* BaixarSwitch 4.0.340 — Explore também: trilho deslizante dinâmico nas categorias.
   Escopo: apenas .bstxh-related do hero de taxonomias. Não altera queries nem acessos. */

.bstxh-related {
  position: relative;
}

/* Trilho com rolagem suave e cursor de arraste */
.bstxh-pills {
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  cursor: grab;
  padding: 4px 2px 10px;
  scrollbar-width: thin;
  scrollbar-color: var(--portal-filter-accent, rgba(94, 234, 212, .55)) transparent;
}
.bstxh-pills.is-dragging {
  cursor: grabbing;
  scroll-behavior: auto;
  user-select: none;
}
.bstxh-pills.is-dragging a {
  pointer-events: none;
}

/* Barra de rolagem discreta e moderna (Chrome/Edge/Safari) */
.bstxh-pills::-webkit-scrollbar {
  display: block;
  height: 5px;
}
.bstxh-pills::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, .04);
  border-radius: 999px;
}
.bstxh-pills::-webkit-scrollbar-thumb {
  background: linear-gradient(90deg, var(--portal-filter-accent, #5eead4), rgba(255, 255, 255, .18));
  border-radius: 999px;
}

/* Desvanecimento nas bordas: indica que há mais conteúdo para deslizar */
.bstxh-pills-wrap {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
}
.bstxh-pills-wrap::before,
.bstxh-pills-wrap::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 8px;
  width: 56px;
  pointer-events: none;
  z-index: 2;
  opacity: 0;
  transition: opacity .25s ease;
}
.bstxh-pills-wrap::before {
  left: 0;
  background: linear-gradient(90deg, rgba(10, 14, 20, .92), transparent);
}
.bstxh-pills-wrap::after {
  right: 0;
  background: linear-gradient(270deg, rgba(10, 14, 20, .92), transparent);
}
.bstxh-pills-wrap.can-left::before { opacity: 1; }
.bstxh-pills-wrap.can-right::after { opacity: 1; }

/* Setas de navegação: ficam FORA do trilho, nunca sobre os gêneros */
.bstxh-pills-nav {
  flex: none;
  width: 30px;
  height: 30px;
  display: none;
  place-items: center;
  border-radius: 999px;
  border: 1px solid var(--portal-filter-line, rgba(255, 255, 255, .12));
  background: rgba(16, 22, 30, .9);
  color: var(--portal-filter-text, #e5edf5);
  cursor: pointer;
  transition: background .2s ease, border-color .2s ease, opacity .2s ease;
  padding: 0;
}
.bstxh-pills-nav svg {
  width: 14px;
  height: 14px;
  display: block;
}
.bstxh-pills-nav:hover {
  background: var(--portal-filter-highlight, rgba(94, 234, 212, .14));
  border-color: var(--portal-filter-accent, #5eead4);
}
.bstxh-pills-nav:disabled {
  opacity: .35;
  cursor: default;
}
.bstxh-related.has-overflow .bstxh-pills-nav {
  display: grid;
}

/* Chip ativo (categoria atual) com leve destaque */
.bstxh-pills a {
  scroll-snap-align: start;
}
.bstxh-pills {
  scroll-snap-type: x proximity;
}

@media (max-width: 900px) {
  .bstxh-pills-wrap { width: 100%; }
  .bstxh-related.has-overflow .bstxh-pills-nav { display: none; }
}