/* ==========================================================================
   SML - Project Updates Block
   Файл: /wp-content/themes/sml/src/css/blocks/project-updates.css
   Версия: 1.0.0
   Author: NUVREN (https://nuvren.com)
   ========================================================================== */

.project-updates {
  align-items: stretch;
}

.project-updates .card {
  height: 100%;
}

.project-updates .card__media {
  aspect-ratio: 16 / 9;
}

/* лёгкое затемнение снизу для читаемости бейджа и будущих фото */
.project-updates .card__media::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(16,18,20,0.00), rgba(16,18,20,0.18));
}

/* Placeholder: чуть более "премиально", без вайрфреймного пустого блока */
.project-updates .card__media-placeholder {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(80% 70% at 20% 15%, rgba(16,18,20,0.06), rgba(16,18,20,0.00) 60%),
    linear-gradient(135deg, rgba(16,18,20,0.04), rgba(16,18,20,0.00));
}

/* Бейдж в медиа: не ломаем верстку длинной строкой */
.project-updates .card__badge {
  left: 12px;
  top: 12px;
  max-width: calc(100% - 24px);
}

/* Унифицируем поведение бейджа именно в updates */
.project-updates .card__badge .badge {
  display: inline-flex;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 10px;
  background: rgba(255, 255, 255, 0.92);
}

/* Если в карточке используется primary */
.project-updates .card__badge .badge--primary {
  border-color: rgba(31, 122, 58, 0.22);
}

/* Если в карточке используется muted */
.project-updates .card__badge .badge--muted {
  border-color: rgba(16,18,20,0.12);
}

/* Чуть более "журналный" заголовок, без мелкости */
.project-updates .card__title {
  font-size: var(--font-size-lg);
}

/* Собираем композицию и гарантируем CTA снизу */
.project-updates .card__body {
  gap: var(--space-4);
}

.project-updates .card__link {
  margin-top: auto;
}