/*
Theme Name: PelisDock
Author: PelisDock
Description: Tema de streaming de películas y series con diseño oscuro y amarillo. Funciona con el plugin PelisDock TMDB Importer (pelicula, serie, genero, year).
Version: 1.9.0
Requires PHP: 7.4
Text Domain: pelisdock-theme
*/

body { font-family: 'Inter', sans-serif; background-color: #121212; color: #ffffff; }
.custom-scrollbar::-webkit-scrollbar { width: 6px; height: 6px; }
.custom-scrollbar::-webkit-scrollbar-track { background: #121212; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: #333; border-radius: 3px; }
.custom-scrollbar::-webkit-scrollbar-thumb:hover { background: #facc15; }
.pelisdock-prose p { margin-bottom: .75rem; line-height: 1.7; }
.pelisdock-dropdown:hover > .pelisdock-dropdown-panel,
.pelisdock-dropdown:focus-within > .pelisdock-dropdown-panel { display: block; }
.screen-reader-text { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }

/* Carrusel: la imagen hace un zoom suave y el texto entra desde abajo en cada diapositiva */
.pelisdock-slide .pelisdock-bg { transform: scale(1.1); transition: transform 7s ease-out; }
.pelisdock-slide.is-active .pelisdock-bg { transform: scale(1); }
.pelisdock-slide .pelisdock-content { opacity: 0; transform: translateY(24px); transition: opacity .7s ease .3s, transform .7s ease .3s; }
.pelisdock-slide.is-active .pelisdock-content { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  .pelisdock-slide .pelisdock-bg { transform: none; transition: none; }
}

/* ESTRENOS con más de 5 entradas: en una sola línea (desde tablet), con tarjetas que se reducen.
   En celular se ve como las demás secciones (2 columnas). */
.pelisdock-row { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
/* (las reglas de pantallas medianas y grandes de .pelisdock-row se imprimen desde functions.php,
   porque el punto de corte cambia con el zoom de la página) */