/**
 * News grid styles — frontpage / page_news
 *
 * Layout is handled by Bootstrap 5 row/col classes.
 * This file contains only card-specific styles.
 */

/* ─── Card stretch — equal height cards per row ───────────────────────── */

.news-grid__item .project-item,
[class*="col-"] .project-item {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Card body fills remaining space so titles align at the same line */
[class*="col-"] .project-item .p-4 {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.news-item-block {
  background-color: white;
  /*margin: 1rem;*/
}

/* ─── 4:3 thumbnail (background-image, cover) ─────────────────────────── */

.news-card__thumb {
  width: 100%;
  padding-top: 70%; /* 4:3 ratio */
  background-color: #e9ecef;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
}

.news-card__thumb .project-overlay {
  position: absolute;
  inset: 0;
}

/* ─── Date badge ───────────────────────────────────────────────────────── */

.news-card__date {
  /* font-size: 0.8rem; */
  letter-spacing: 0.03em;
  color: #6c757d;
}

/* ─── Title link ───────────────────────────────────────────────────────── */

/*.news-card__title {
  display: block;
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  text-decoration: none;
  transition: color 0.2s ease;
} */

.news-card__title:hover {
  text-decoration: underline;
}

/* ─── Group title ──────────────────────────────────────────────────────── */

.news-grid__group-title {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid currentColor;
}

/* ─── Empty result ─────────────────────────────────────────────────────── */

.view-empty {
  padding: 3rem 0;
  text-align: center;
  color: #6c757d;
}