/* ===== BaranTV — Кастомные стили ===== */

/* Сброс */
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; }

/* Скроллбар */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #0e0e1c; }
::-webkit-scrollbar-thumb { background: #2a2a40; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #4a4a66; }

/* Плавный скролл */
html { scroll-behavior: smooth; }

/* Alpine.js cloak */
[x-cloak] { display: none !important; }

/* Swiper карусели */
.movie-carousel {
    padding: 4px 0;
    margin: -4px 0;
}
.movie-carousel .swiper-slide {
    height: auto;
    transition: transform 0.3s ease;
}
.movie-carousel .swiper-slide:hover {
    transform: translateY(-4px);
}

/* Hero-баннер */
.hero-gradient {
    background: linear-gradient(135deg, rgba(10,10,15,0.95) 0%, rgba(10,10,15,0.4) 50%, transparent 100%);
}

/* Ограничение текста */
.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Плавное появление */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0); }
}
.fade-in {
    animation: fadeIn 0.5s ease forwards;
}

/* Карточка фильма — тень при наведении */
.movie-card {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.movie-card:hover {
    transform: scale(1.05);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
}

/* Плеер iframe */
#player-container iframe {
    border: none;
    background: #000;
}

/* Адаптивность для очень маленьких экранов */
@media (max-width: 380px) {
    .movie-carousel .swiper-slide {
        width: 140px !important;
    }
}

/* Стили для серий (сетка) */
.episode-grid a {
    transition: all 0.2s ease;
}
.episode-grid a:hover {
    transform: scale(1.1);
    z-index: 2;
}

/* Акцентный цвет для ссылок */
a.text-accent:hover {
    color: #f40612;
}