/* ===== CineStream — base responsiva (mobile-first) ===== */

html { -webkit-text-size-adjust: 100%; }

/* Evita rolagem horizontal acidental (mantém o scroll vertical normal). */
body { overflow-x: clip; }

/* Esconde scrollbar das prateleiras horizontais. */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Prateleiras com "snap" (sensação de app no toque). */
[data-continue-target],
[data-watchlist-target],
[data-shelf-target] {
  scroll-snap-type: x proximity;
  scroll-padding-inline: 1rem;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
}
[data-continue-target] > *,
[data-watchlist-target] > *,
[data-shelf-target] > * {
  scroll-snap-align: start;
}

/* Setas de carrossel: não interceptam o toque quando invisíveis. */
.carousel-btn { pointer-events: none; }
.carousel-container:hover .carousel-btn { pointer-events: auto; }

@media (hover: none) {
  .carousel-btn { display: none !important; }
  /* Sem "hover preso" (card que fica ampliado após o tap). */
  [class*="hover:scale-"]:hover { transform: none !important; }
}

/* Toque mais confortável. */
a, button { -webkit-tap-highlight-color: transparent; }

/* Safe areas (notch / barra inferior do iOS). */
.safe-top { padding-top: env(safe-area-inset-top, 0px); }
.safe-bottom { padding-bottom: env(safe-area-inset-bottom, 0px); }

/* Utilitário: 2–3 cards visíveis no celular, 200px no desktop. */
.card-w {
  width: clamp(132px, 40vw, 200px);
}
@media (min-width: 768px) {
  .card-w { width: 200px; }
}

/* Fileira em paisagem (ex.: séries / "Em Alta"). */
.card-w-wide {
  width: clamp(210px, 64vw, 320px);
}
@media (min-width: 768px) {
  .card-w-wide { width: 320px; }
}

/* No mobile o menu de perfil (hover) é escondido; usa-se drawer/bottom nav. */
@media (max-width: 767px) {
  .profile-wrap { display: none !important; }
}

/* Conteúdo não fica escondido atrás da barra inferior. */
@media (max-width: 767px) {
  body.has-bottom-nav { padding-bottom: calc(60px + env(safe-area-inset-bottom, 0px)); }
}

/* Botão rápido de "Minha Lista" no card: só em dispositivos de toque. */
.card-quick { display: none; }
@media (hover: none) {
  .card-quick { display: flex; }
}

/* Feedback de toque sutil. */
@media (hover: none) {
  a:active, button:active { opacity: 0.82; }
}