/**
 * Homepage featured event cards — vertical posters at true 3:4 scale
 * Sibling: events-list-premium.css poster frame (1800×2400 uploads)
 */

.home-event-card {
  --hec-surface: #ffffff;
  --hec-muted: #f8fafc;
  --hec-border: #e2e8f0;
  --hec-rose: #be123c;
  color-scheme: light;
}

.home-event-card__poster {
  position: relative;
  width: 100%;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
  border-bottom: 1px solid var(--hec-border);
}

.home-event-card__poster-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
  background: var(--hec-muted);
}

.home-event-card__poster-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: linear-gradient(145deg, #fff1f2 0%, #f8fafc 55%, #f1f5f9 100%);
}

.home-event-card__poster-placeholder {
  font-size: 2.75rem;
  line-height: 1;
  opacity: 0.85;
}

.home-event-card__meta {
  min-height: 1.75rem;
}

/* Solid rose CTA — beat global a { color: dark-rose !important } remaps */
a.home-event-card__btn--primary,
a.home-event-card__btn--primary:link,
a.home-event-card__btn--primary:visited,
a.home-event-card__btn--primary:hover,
a.home-event-card__btn--primary:active,
a.home-event-card__btn--primary:focus {
  background-color: #e11d48 !important;
  border-color: #be123c !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-decoration: none !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

a.home-event-card__btn--primary:hover,
a.home-event-card__btn--primary:focus {
  background-color: #be123c !important;
  border-color: #9f1239 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Secondary card actions stay dark-on-light (readable) */
a.home-event-card__btn:not(.home-event-card__btn--primary),
a.home-event-card__btn:not(.home-event-card__btn--primary):link,
a.home-event-card__btn:not(.home-event-card__btn--primary):visited,
a.home-event-card__btn:not(.home-event-card__btn--primary):hover {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  text-decoration: none !important;
}