#sticky-header {
    transition: transform 0.3s ease-in-out; /* Transition pour l'apparition/disparition */
    transform: translateY(-100%); /* Par défaut, caché vers le haut */
}

#sticky-header.sticky {
    transform: translateY(0); /* Visible quand sticky */
}
.neon-text {
    text-shadow: 0 0 8px rgba(255, 255, 255, 0.2),
        0 0 16px rgba(255, 255, 255, 0.2), 0 0 24px rgba(255, 192, 203, 0.1),
        0 0 32px rgba(255, 105, 180, 0.1);
}

/* Animation du bouton de lecture */
button[data-modal-target="trailer-modal"] svg {
    animation: pulse-play 1.5s infinite;
}

@keyframes pulse-play {
    0%,
    100% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.1);
        opacity: 0.8;
    }
}

#search-results-desktop {
    max-width: 300px;
    overflow-x: hidden;
}
#search-results-mobile {
    max-width: 100%;
    overflow-x: hidden;
}

#search-results-desktop a,
#search-results-mobile a {
    text-decoration: none;
    color: inherit;
}

#search-results-desktop a:hover,
#search-results-mobile a:hover {
    background-color: #f3f4f6; /* Couleur de fond au survol */
}

.dark #search-results-desktop a:hover,
.dark #search-results-mobile a:hover {
    background-color: #374151; /* Couleur de fond au survol (mode sombre) */
}

#toast-container > div {
    -moz-box-shadow: 0 0 2px #999999;
    -webkit-box-shadow: 0 0 2px #999999;
    box-shadow: 0 0 2px #999999;
}

[x-cloak] {
    display: none !important;
}

img.lozad {
    opacity: 0;
    transition: opacity 0.3s ease;
    object-fit: cover;
}

.lozad.loaded {
    opacity: 1;
}

/* Style du placeholder */
img.lozad[src*="data:image/svg"] {
    height: 100%;
}
@media screen and (max-width: 768px) {
    .plyr__volume input[type=range]{
        display: none;
    }
}