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

   Назначение:
   - Блок избранных проектов (портфолио);
   - Акцент на изображение + понятные метки (тип/локация/статус).
   ========================================================================== */

.featured-projects .card {
  height: 100%;
  position: relative;
}

/* Вся карточка кликабельна (если используешь .card__hit в project.php) */
.featured-projects .card .card__hit {
  position: absolute;
  inset: 0;
  z-index: 3;
  border-radius: inherit;
}

.featured-projects .card .card__hit:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

/* Media */
.featured-projects .card__media {
  position: relative;
  overflow: hidden;
  aspect-ratio: 16 / 10;
}

.featured-projects .card__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Fallback вместо вайрфрейма */
.featured-projects .card__media-placeholder {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 22% 28%, rgba(31, 122, 58, 0.12), transparent 46%),
    radial-gradient(circle at 85% 78%, rgba(16, 18, 20, 0.10), transparent 56%),
    linear-gradient(135deg, rgba(16, 18, 20, 0.06), rgba(16, 18, 20, 0.00));
}

/* Затемнение снизу для читаемости: короче и мягче */
.featured-projects .card__media::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(
    180deg,
    rgba(16,18,20,0.00) 55%,
    rgba(16,18,20,0.26) 100%
  );
}

/* Бейдж/мета поверх изображения: стабильная посадка */
.featured-projects .card__badge {
  position: absolute;
  left: 14px;
  top: 14px;
  z-index: 2;
}

.featured-projects .badge {
  background: rgba(255, 255, 255, 0.92);
}

/* Более “портфолио” заголовок */
.featured-projects .card__title {
  font-size: var(--font-size-lg);
}

/* CTA вниз */
.featured-projects .card__link {
  margin-top: auto;
}