/**
 * CFRO Component — Update/News Cards (Figma v3)
 * @package CFRO
 * @since   4.0.0
 */

.cfro-updates-section {
    padding: 4rem 0;
}
.cfro-updates-section .cfro-section__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    margin-bottom: 2rem;
}
.cfro-updates-section .cfro-section__header h2 {
    margin: 0;
}
.cfro-updates-section .cfro-section__header a {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--cfro-primary); /* darkened from --cfro-primary-light for WCAG AA on white (5.05:1) */
}

.cfro-updates-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}
@media (max-width: 768px) {
    .cfro-updates-grid { grid-template-columns: 1fr; }
}

.cfro-update-card {
    background: var(--cfro-white);
    border: 1px solid var(--cfro-border-gray);
    border-radius: var(--cfro-radius-lg);
    padding: 1.75rem;
    transition: var(--cfro-transition);
    display: flex;
    flex-direction: column;
}
.cfro-update-card:hover {
    box-shadow: var(--cfro-shadow-md);
    transform: translateY(-2px);
}

.cfro-update-card__meta {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
    font-size: 0.8rem;
}
.cfro-update-card__date {
    color: var(--cfro-mid-gray);
}
.cfro-update-card__tag {
    display: inline-block;
    padding: 0.15rem 0.6rem;
    border-radius: var(--cfro-radius-pill);
    font-size: 0.7rem;
    font-weight: 600;
    text-decoration: none;
    transition: opacity 0.2s ease;
    /* Default (fallback for categories without a dedicated colour) */
    background: var(--cfro-light-gray);
    color: var(--cfro-primary-dark);
}
.cfro-update-card__tag:hover {
    opacity: 0.85;
}
/* Colour-coded category badges — reuse the news badge palette */
.cfro-update-card__tag.cfro-news-badge--station-news { color: var(--cfro-sky);          background: var(--cfro-sky-light); }
.cfro-update-card__tag.cfro-news-badge--events       { color: var(--cfro-accent-dark);  background: var(--cfro-coral-light); }  /* accent-dark (#a83b28) on coral-light = 5.07:1 */
.cfro-update-card__tag.cfro-news-badge--programming  { color: var(--cfro-violet-dark);  background: var(--cfro-violet-light); } /* violet-dark (#5e3f9e) on violet-light = 5.9:1 */
.cfro-update-card__tag.cfro-news-badge--volunteer    { color: var(--cfro-teal);          background: var(--cfro-teal-light); }

.cfro-update-card h3,
.cfro-update-card h4 {
    font-size: 1.1rem;
    margin: 0 0 0.5rem;
    color: var(--cfro-primary-dark);
    line-height: 1.3;
}
.cfro-update-card p {
    font-size: 0.9rem;
    margin: 0;
    color: var(--cfro-dark-gray);
    line-height: 1.6;
}