/* static/css/cookie_modal.css */
/* Animation pour le modal */
#cookieModal {
    animation: modalFadeIn 0.3s ease-out;
}

@keyframes modalFadeIn {
    from {
        opacity: 0;
        transform: scale(0.9) translateY(-20px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

/* Style pour les toggle switches */
.peer:checked ~ .peer-checked\:bg-blue-600 {
    background-color: #2563eb;
}

.peer:checked ~ .peer-checked\:after\:translate-x-6::after {
    transform: translateX(1.5rem);
}

/* Style pour le bandeau cookie */
#cookieBanner {
    animation: slideUp 0.5s ease-out;
}

@keyframes slideUp {
    from {
        transform: translateY(100%);
    }
    to {
        transform: translateY(0);
    }
}

/* Responsive */
@media (max-width: 768px) {
    #cookieModal > div {
        margin: 1rem;
    }
    
    #cookieBanner .flex {
        flex-direction: column;
        text-align: center;
    }
    
    #cookieBanner .flex > div:first-child {
        margin-bottom: 1rem;
    }
}