/* Barre de catégories : pleine largeur, fond contrasté (rouge) sur le thème sombre */
.category-bar {
    background-color: #e50914;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .5);
}

.category-bar .nav-link {
    color: #fff;
    font-weight: 600;
    border-radius: 0;
    padding-top: .9rem;
    padding-bottom: .9rem;
    text-transform: uppercase;
    letter-spacing: .03em;
}

.category-bar .nav-link:hover {
    background-color: rgba(255, 255, 255, .15);
}

.category-bar .nav-link.active {
    background-color: rgba(0, 0, 0, .35);
    color: #fff;
}

.alpha-bar .badge {
    font-weight: 500;
}

.film-card {
    cursor: pointer;
    transition: transform .12s ease, box-shadow .12s ease;
}

.film-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .5);
}

.film-poster {
    aspect-ratio: 2 / 3;
    object-fit: cover;
    width: 100%;
}

.film-poster--empty {
    background-color: var(--bs-tertiary-bg);
    font-size: .85rem;
}

.film-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}