/**
 * Theme Switcher Widget Styles
 */

/* Panel States */
#theme-panel.theme-panel-hidden {
    display: none !important;
    opacity: 0;
    transform: scale(0.95);
}

#theme-panel.theme-panel-visible {
    display: block !important;
    opacity: 1;
    transform: scale(1);
    animation: theme-panel-fade-in 0.2s ease;
}

/* Random Pool States */
#random-pool-list.random-pool-hidden {
    display: none !important;
}

#random-pool-list.random-pool-visible {
    display: block !important;
    animation: random-pool-slide-in 0.2s ease;
}

/* Animations */
@keyframes theme-panel-fade-in {
    from {
        opacity: 0;
        transform: scale(0.95);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes random-pool-slide-in {
    from {
        opacity: 0;
        max-height: 0;
    }
    to {
        opacity: 1;
        max-height: 500px;
    }
}

/* Button Hover Effects */
#theme-toggle-btn {
    transition: all 0.3s ease;
}

#theme-toggle-btn:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 25px rgba(176, 38, 255, 0.7) !important;
}

#random-pool-toggle-btn {
    transition: all 0.2s ease;
}

#random-pool-toggle-btn:hover {
    background: rgba(0, 217, 255, 0.15) !important;
    border-color: rgba(0, 217, 255, 0.5) !important;
}

/* Scrollbar Styling */
#theme-panel div::-webkit-scrollbar {
    width: 6px;
}

#theme-panel div::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 10px;
}

#theme-panel div::-webkit-scrollbar-thumb {
    background: rgba(176, 38, 255, 0.5);
    border-radius: 10px;
}

#theme-panel div::-webkit-scrollbar-thumb:hover {
    background: rgba(176, 38, 255, 0.7);
}