/**
 * Styles supplémentaires pour les animations du modal
 */
@keyframes modalFadeIn {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.modal-content-visible {
    animation: modalFadeIn 0.4s ease-out forwards;
}

.btn-hover-effect {
    transition: all 0.3s ease;
}

/* Effet d'étoiles pour le fond du modal */
#adult_modal .modal-dialog::before {
    content: '';
    position: absolute;
    top: -100px;
    left: -100px;
    right: -100px;
    bottom: -100px;
    background-image: 
        radial-gradient(2px 2px at 40px 60px, #ffffff 100%, transparent),
        radial-gradient(1px 1px at 90px 150px, #ffffff 100%, transparent),
        radial-gradient(2px 2px at 160px 30px, #ffffff 100%, transparent),
        radial-gradient(1.5px 1.5px at 230px 120px, #ffffff 100%, transparent),
        radial-gradient(1px 1px at 320px 80px, #ffffff 100%, transparent);
    background-repeat: repeat;
    background-size: 350px 350px;
    opacity: 0.15;
    z-index: -1;
    pointer-events: none;
}

/* Effet de bordure brillante */
#adult_modal .modal-content {
    border: 1px solid transparent;
    background-clip: padding-box;
    position: relative;
}

#adult_modal .modal-content::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(45deg, #6b46c1, transparent, #6b46c1);
    border-radius: 10px;
    z-index: -1;
    animation: borderGlow 3s linear infinite;
}

@keyframes borderGlow {
    0% {
        opacity: 0.3;
    }
    50% {
        opacity: 0.7;
    }
    100% {
        opacity: 0.3;
    }
}