/* =========================================================================
 * Dosya    : themes/default/assets/css/hds/components/empty-state/variants/cover.css
 * Oluşturuldu: 2026-10-28
 * Sürüm    : 1.0.0
 * Kapsam   : HDS EmptyState `cover` varyantı — tam ekran görsel arka plan,
 *            koyu yarı saydam katman, ortalanmış metin (bakım / karşılama).
 * Kullanım : HDS::emptyState(...)->variant('cover')->coverImage($url);
 *            empty-state/base.css'ten sonra yüklenir.
 * Kancalar : --hds-empty-state-cover-image (renderer), --hds-empty-state-cover-overlay,
 *            --hds-empty-state-cover-text
 * ========================================================================= */

/* ==========================================================================
   ---> HDS EmptyState cover
   ========================================================================== */

.hds-empty-state--cover {
  align-content: center;
  min-height: 100vh;
  min-height: 100dvh;
  gap: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--hds-empty-state-cover-text, #fff);
  background:
    linear-gradient(var(--hds-empty-state-cover-overlay, rgba(18, 12, 14, .62)), var(--hds-empty-state-cover-overlay, rgba(18, 12, 14, .62))),
    var(--hds-empty-state-cover-image) center top / cover no-repeat;
  border: 0;
  border-radius: 0;
}

.hds-empty-state--cover .hds-empty-state__content {
  max-width: 40rem;
}

.hds-empty-state--cover .hds-empty-state__title {
  color: inherit;
  font-size: clamp(1.75rem, 5vw, 3rem);
  text-shadow: 0 2px 12px rgba(0, 0, 0, .45);
}

.hds-empty-state--cover .hds-empty-state__description {
  color: inherit;
  opacity: .9;
  font-size: clamp(1rem, 2.5vw, 1.25rem);
}

.hds-empty-state__content--alternate {
  padding-top: clamp(1.25rem, 3vw, 2rem);
  border-top: 1px solid rgba(255, 255, 255, .35);
}

/* <--- HDS EmptyState cover */