/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: May 19 2026 | 03:40:52 */
/**
 * WOODY SNIPPET: CSL RSS Feed — News Tab [CSS]
 * Priority: 452
 * Scope: Run everywhere
 *
 * Styles for the dynamically injected "News" tab.
 * Matches BuddyBoss native tab styling.
 */

/* ── News tab in left nav ─────────────────────────────────────────────── */
#csl-news-nav {
    display: list-item;
}

#csl-news-nav a {
    display: block;
    padding: 8px 20px;
    font-family: "Roboto Condensed", "Open Sans", -apple-system, sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: var(--bb-body-text-color, #4D5C6D);
    text-decoration: none;
    border-left: 2px solid transparent;
    transition: all 0.15s ease;
}

#csl-news-nav a:hover {
    color: var(--bb-headings-color, #041E42);
    background: rgba(0, 53, 148, 0.04);
}

#csl-news-nav.current a,
#csl-news-nav.selected a {
    color: var(--bb-headings-color, #041E42);
    font-weight: 700;
    border-left-color: var(--bb-secondary-button-background-regular, #003594);
    background: rgba(0, 53, 148, 0.06);
}

/* ── News content panel ───────────────────────────────────────────────── */
.csl-news-panel {
    padding: 0;
}

.csl-news-panel .csl-rss-block {
    margin: 0;
}

.csl-news-panel .csl-rss-block > header {
    /* Keep the header visible in the tab view */
    padding: 16px 20px 12px;
}

/* Slightly larger cards in the dedicated tab view vs the inline version */
.csl-news-panel .csl-rss-card-img {
    width: 140px;
    height: 94px;
}

.csl-news-panel .csl-rss-card-title {
    font-size: 1rem;
    -webkit-line-clamp: 3;
}

.csl-news-panel .csl-rss-card-excerpt {
    -webkit-line-clamp: 3;
}

/* ── Mobile adjustments ───────────────────────────────────────────────── */
@media (max-width: 768px) {
    .csl-news-panel .csl-rss-card-img {
        width: 100px;
        height: 70px;
    }

    .csl-news-panel .csl-rss-card-title {
        font-size: 0.92rem;
    }
}