/* -----------------------------------------------------
   NEWS CARDS
----------------------------------------------------- */

.news-grid.home {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    max-width: 1200px;
    margin: 0 auto;
}

.news-grid.blog {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    max-width: 1400px;
    margin: 0 auto;
}

.news-card {
    background-color: #2f2f31;
    padding: 25px;
    border-radius: 12px;

    width: 100%;
    max-width: 340px; 
    flex: 1 1 260px; 

    display: flex;
    flex-direction: column;

    transition: transform 0.25s ease, background-color 0.25s ease;
}

.news-card:hover {
    transform: translateY(-5px);
    background-color: #222224;
}


/* Subtitle — Date row */
.news-card-title {
    font-size: 1.4rem;
    margin-bottom: 1px;
}

.news-card-subtitle-row {
    display: flex;
    align-items: center;
    gap: 2px; /* spacing between subtitle, dash, date */
    margin-bottom: 10px;
}

/* Subtitle */
.news-card-subtitle {
    font-size: .95rem;
    font-weight: 600;
    color: #EDE9E2; 
}

/* Dash separator */
.news-card-separator {
    opacity: 0.6;
    font-size: .8rem;
    color: #B8B6B2; 
}

/* Date (silver + bold or italic) */
.news-card-date {
    font-size: .9rem;
    color: #B8B6B2; 
    font-style: italic;
}


.news-card-image {
    width: 100%;
    height: 180px;
    border-radius: 8px;
    object-fit: cover;
    margin-top: 10px;
    margin-bottom: 5px;
}

.news-card-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
}

.news-card-category-pill {
    padding: 6px 14px;
    border-radius: 20px;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.85rem;
    font-weight: 700;
    text-decoration: none;

    /* NEW STYLE */
    background: transparent;
    border: 2px solid #FFB347; /* amber border */
    color: #FFB347;            /* amber text */

    /* Remove interaction */
    transform: none;
    box-shadow: none;
    transition: none;
}

.news-card-category-pill:hover {
    /* No hover effects */
    background: transparent;
    border-color: #FFB347;
    color: #FFB347;
}