/* static/css/custom.css */

/* HTMX loading indicator */
.htmx-indicator { display: none; }
.htmx-request .htmx-indicator { display: flex; }
.htmx-request #ideas-grid > :not(.htmx-indicator) { display: none; }

/* Glassmorphism effect for cards */
.glass {
    background: rgba(26, 26, 26, 0.8);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

/* Platform badge colors */
.platform-youtube { background-color: #cc0000; color: #fff; }
.platform-x { background-color: #333; color: #fff; }
.platform-reddit { background-color: #ff4500; color: #fff; }
.platform-instagram { background-color: #e1306c; color: #fff; }
.platform-tiktok { background-color: #00f2ea; color: #000; }
.platform-linkedin { background-color: #0a66c2; color: #fff; }

/* Custom scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #0f0f0f; }
::-webkit-scrollbar-thumb { background: #333; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #555; }

/* Smooth transitions */
.transition-smooth { transition: all 0.2s ease-in-out; }

/* Gem tier badge glow animation */
.gem-badge {
    animation: gem-pulse 3s ease-in-out infinite;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

@keyframes gem-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.85; }
}