/* ---------------------------------------
   FONT + Global RSS TYPOGRAPHY
---------------------------------------- */
body {
    font-family: 'Montserrat', sans-serif;
}

/* Make category headers heavier */
[class^="category-title-"] {
    font-weight: 600;
}

/* Make RSS links bolder */
.rss-dashboard-container a,
.rss-dashboard-container .nav-link {
    font-weight: 600;
}

/* ---------------------------------------
   DASHBOARD TILES
---------------------------------------- */
.rss-tile {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    border-radius: 12px;
    min-height: 180px;
}

.rss-tile:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 18px rgba(0,0,0,0.15);
}

.rss-tile-icon {
    font-size: 48px;
    color: #0d6efd; /* Bootstrap primary */
}

/* Category tile icon colors */
.rss-tile.tech       .rss-tile-icon { color: #4A6FA5; }
.rss-tile.design     .rss-tile-icon { color: #A56FA4; }
.rss-tile.ai         .rss-tile-icon { color: #6FA59B; }
.rss-tile.special    .rss-tile-icon { color: #A59F6F; }
.rss-tile.business   .rss-tile-icon { color: #6F7AA5; }
.rss-tile.productivity .rss-tile-icon { color: #7FA56F; }
.rss-tile.science    .rss-tile-icon { color: #6FA5A5; }
.rss-tile.culture    .rss-tile-icon { color: #A56F6F; }

/* Tile hover backgrounds */
.rss-tile.tech:hover          { background: rgba(74,111,165,0.08); }
.rss-tile.design:hover        { background: rgba(165,111,164,0.08); }
.rss-tile.ai:hover            { background: rgba(111,165,155,0.08); }
.rss-tile.special:hover       { background: rgba(165,159,111,0.08); }
.rss-tile.business:hover      { background: rgba(111,122,165,0.08); }
.rss-tile.productivity:hover  { background: rgba(127,165,111,0.08); }
.rss-tile.science:hover       { background: rgba(111,165,165,0.08); }
.rss-tile.culture:hover       { background: rgba(165,111,111,0.08); }

/* ---------------------------------------
   CATEGORY COLOR ACCENTS
---------------------------------------- */

/* Tech */
.category-tech .category-title-tech { color: #4A6FA5; }
.category-pill-tech.active { background: #4A6FA5 !important; color: white !important; }

/* Design */
.category-design .category-title-design { color: #A56FA4; }
.category-pill-design.active { background: #A56FA4 !important; color: white !important; }

/* AI */
.category-ai .category-title-ai { color: #6FA59B; }
.category-pill-ai.active { background: #6FA59B !important; color: white !important; }

/* Special */
.category-special .category-title-special { color: #A59F6F; }
.category-pill-special.active { background: #A59F6F !important; color: white !important; }

/* Business */
.category-business .category-title-business { color: #6F7AA5; }
.category-pill-business.active { background: #6F7AA5 !important; color: white !important; }

/* Productivity */
.category-productivity .category-title-productivity { color: #7FA56F; }
.category-pill-productivity.active { background: #7FA56F !important; color: white !important; }

/* Science */
.category-science .category-title-science { color: #6FA5A5; }
.category-pill-science.active { background: #6FA5A5 !important; color: white !important; }

/* Culture */
.category-culture .category-title-culture { color: #A56F6F; }
.category-pill-culture.active { background: #A56F6F !important; color: white !important; }

/* Category card hover */
.category-card-tech:hover          { background: rgba(74,111,165,0.08); }
.category-card-design:hover        { background: rgba(165,111,164,0.08); }
.category-card-ai:hover            { background: rgba(111,165,155,0.08); }
.category-card-special:hover       { background: rgba(165,159,111,0.08); }
.category-card-business:hover      { background: rgba(111,122,165,0.08); }
.category-card-productivity:hover  { background: rgba(127,165,111,0.08); }
.category-card-science:hover       { background: rgba(111,165,165,0.08); }
.category-card-culture:hover       { background: rgba(165,111,111,0.08); }

/* ---------------------------------------
   RSS-ONLY LINK STYLING (SCOPED)
---------------------------------------- */

/* Normal links (NOT nav links) */
.rss-dashboard-container a:not(.nav-link) {
    color: #666666;
    text-decoration: none;
}

.rss-dashboard-container a:not(.nav-link):hover {
    color: #000000;
    text-decoration: underline;
}

/* ---------------------------------------
   NAV LINKS (RSS ONLY)
---------------------------------------- */

.rss-dashboard-container .nav-link {
    color: #666666; /* charcoal */
    border-radius: 12px; /* rounded rectangle */
    padding: 8px 16px;
    font-weight: 600;
    text-decoration: none;
}

.rss-dashboard-container .nav-link:hover {
    color: #000000; /* black */
}

.rss-dashboard-container .nav-link.active {
    color: #222222; /* darker charcoal */
    /* background color comes from category-pill-* classes */
}

.rss-bottom-nav {
    border-top: 1px solid #ddd;
    margin-top: 2rem;
    padding-top: 1rem;
}

.rss-bottom-nav a {
    font-weight: 600;
    opacity: 0.8;
}

.rss-bottom-nav a:hover {
    opacity: 1;
    text-decoration: underline;
}

