/**Layer 116: Trending Topics*/

.trending-bar {
    background: #1e1b4b;
    /* Dark Navy */
    color: #fff;
    padding: 0.75rem 1.5rem;
    display: flex;
    align-items: center;
    gap: 1.5rem;
    font-family: 'Inter', sans-serif;
    border-bottom: 3px solid #f59e0b;
    /* Accent Line */
    overflow-x: auto;
    white-space: nowrap;
}

.trending-label {
    font-weight: 800;
    text-transform: uppercase;
    font-size: 0.8rem;
    color: #f59e0b;
    letter-spacing: 0.05em;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.trending-label::before {
    content: '⚡';
}

.trending-list {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.trend-item {
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: color 0.2s;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.trend-item:hover {
    color: #f59e0b;
}

.trend-rank {
    font-size: 0.7rem;
    color: #6366f1;
    font-weight: 400;
    margin-right: 2px;
}

.trend-heat {
    font-size: 0.8rem;
    animation: flicker 2s infinite;
}

/* Tag Highlight in Content */
.topic-tag.is-trending {
    background: #fffbeb !important;
    border-color: #f59e0b !important;
    color: #b45309 !important;
    box-shadow: 0 0 10px rgba(245, 158, 11, 0.2);
}

.fire-icon {
    font-size: 0.9em;
    display: inline-block;
    vertical-align: middle;
}

@keyframes flicker {
    0% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 0.7;
        transform: scale(1.1);
    }

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