/* Custom styling & animations */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    background-color: #0b0f19;
}

/* Hide scrollbar for category tabs */
.scrollbar-none::-webkit-scrollbar {
    display: none;
}
.scrollbar-none {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Post card hover effects */
.post-card {
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.post-card:hover {
    border-color: rgba(59, 130, 246, 0.3);
}

/* Tag Badge */
.tag-badge {
    transition: background 0.15s ease;
}
.tag-badge:hover {
    background-color: #334155;
}

/* Comments thread vertical line */
.comment-thread-line {
    position: absolute;
    left: 18px;
    top: 36px;
    bottom: 0;
    width: 2px;
    background: #334155;
}

/* Smooth badge glow */
.badge-reddit {
    background-color: rgba(255, 69, 0, 0.15);
    color: #ff4500;
    border: 1px solid rgba(255, 69, 0, 0.3);
}

.badge-threads {
    background-color: rgba(255, 255, 255, 0.1);
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.badge-twitter {
    background-color: rgba(29, 161, 242, 0.15);
    color: #38bdf8;
    border: 1px solid rgba(29, 161, 242, 0.3);
}