/* =========================================================================
 * Dosya    : themes/default/assets/css/hds/components/card/variants/overlay.css
 * Oluşturuldu: 2026-11-01 · Ana sayfa layout 3 (hero bandı yan kartları)
 * Sürüm    : 1.0.0
 * Kapsam   : HDS Card `overlay` varyantı — kapak (HDS Image) kartın arkasını kaplar, yazı üstte okunur kalır.
 *            Kapak yoksa koyu düz yüzey. card/base.css'ten sonra yüklenir.
 * Kancalar : --hds-card-overlay-surface, --hds-card-overlay-color, --hds-card-overlay-min-height
 * ========================================================================= */

/* ---> HDS Card overlay */
.hds-card.overlay {
  --hds-card-overlay-surface: #0f4a5c;
  --hds-card-overlay-color: #fff;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: var(--hds-card-overlay-min-height, 8rem);
  overflow: hidden;
  border: 0;
  border-radius: 8px;
  background: var(--hds-card-overlay-surface);
  color: var(--hds-card-overlay-color);
}

.hds-card.overlay .hds-card__cover {
  position: absolute;
  inset: 0;
  aspect-ratio: auto;
}

.hds-card.overlay.has-cover::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to right, rgb(8 40 52 / 0.5), rgb(8 40 52 / 0) 65%);
  pointer-events: none;
}

.hds-card.overlay .hds-card__header,
.hds-card.overlay .hds-card__content,
.hds-card.overlay .hds-card__footer {
  position: relative;
  z-index: 1;
  color: inherit;
  text-shadow: 0 1px 3px rgb(0 0 0 / 0.55);
}

.hds-card.overlay .hds-card__link,
.hds-card.overlay .hds-card__eyebrow,
.hds-card.overlay .hds-card__subtitle {
  color: inherit;
}
/* <--- HDS Card overlay */