/* ============================================
   LIGHT MODE OVERRIDES
   ============================================ */

[data-theme="light"] .bfai-tool-card {
    background: var(--bg-surface);
    box-shadow: var(--shadow-card);
}

[data-theme="light"] .tool-title {
    color: var(--text-primary);
}

[data-theme="light"] .tool-logo-wrapper {
    background: var(--glass-bg);
    border-color: var(--glass-border);
}

[data-theme="light"] .bfai-submission-form-wrapper {
    background: var(--bg-surface);
}

/* ============================================
   ANIMATIONS
   ============================================ */

/* Upvote Animation */
@keyframes upvote-pop {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

.upvote-btn-clean.just-voted {
    animation: upvote-pop 0.3s ease;
}

/* Save Animation */
@keyframes save-bounce {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.15);
    }
}

.save-btn-clean.just-saved {
    animation: save-bounce 0.3s ease;
}

/* ============================================
   RESPONSIVE - MOBILE OPTIMIZATIONS
   ============================================ */

/* End of Mobile Optimizations */