/* ConsentManager custom styles */

/* Animation for modal */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

#consentModal {
    animation: fadeIn 0.3s ease-in-out;
}

/* Ensure the modal is on top of everything */
#consentModal {
    z-index: 9999;
}

/* Blur effect for content when modal is open */
.content-blur {
    filter: blur(5px);
    transition: filter 0.3s ease;
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
    #consentModal .bg-white {
        background-color: #1f2937;
    }
    
    #consentModal .text-gray-700 {
        color: #d1d5db;
    }
    
    #consentModal .border-gray-200 {
        border-color: #374151;
    }
}

/* Mobile responsiveness adjustments */
@media (max-width: 640px) {
    #consentModal .px-6 {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    
    #consentModal .text-xl {
        font-size: 1.1rem;
    }
    
    #consentModal .text-sm {
        font-size: 0.8rem;
    }
}

/* Prevent scrolling when modal is open */
body.no-scroll {
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
}