/**
 * CSS overrides for customizer settings
 */

/* When animations are disabled */
body.no-animations * {
    animation: none !important;
    transition: none !important;
    transform: none !important;
}

body.no-animations .float,
body.no-animations .glowPulse,
body.no-animations .fadeIn,
body.no-animations .slideUp,
body.no-animations .cardReveal,
body.no-animations .blink,
body.no-animations .progressFill,
body.no-animations .glitch,
body.no-animations .buttonGlow,
body.no-animations .logoGlow {
    animation: none !important;
}

/* When glassmorphism is disabled */
body.no-glassmorphism .glass,
body.no-glassmorphism .card,
body.no-glassmorphism .modal,
body.no-glassmorphism .dropdown-menu,
body.no-glassmorphism .tooltip {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: rgba(20, 20, 20, 0.95) !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Custom accent color will be handled by inline CSS in customizer-frontend.js */