/* ============================================================
   Event card: layout via Tailwind utilities in the markup.
   This file only keeps what cannot be expressed with Tailwind:
   department flair colors + accessibility/JS hooks.
   ============================================================ */

/* Department flair badge colors */
.event-flair.nav-red { background-color: #d7001c; color: #ffffff; }
.event-flair.nav-yellow { background-color: #fed060; color: #000000; }
.event-flair.nav-orange { background-color: #e8622c; color: #ffffff; }
.event-flair.nav-darkgreen { background-color: #008767; color: #ffffff; }
.event-flair.nav-lightgreen { background-color: #96ba3a; color: #000000; }
.event-flair.nav-lightblue { background-color: #8fc7d6; color: #000000; }
.event-flair.nav-mediumblue { background-color: #2baab8; color: #000000; }
.event-flair.nav-darkblue { background-color: #16294f; color: #ffffff; }

/* Whole-card link overlay */
.event-card-link { position: absolute; inset: 0; border-radius: inherit; }
.event-card-link:focus-visible {
  outline: 2px solid var(--heading-color, #16294f);
  outline-offset: -2px;
  border-radius: inherit;
}

/* Event poster (responsive, no fixed ratio — images keep natural aspect). */
.event-poster-img {
  width: 100%;
  height: auto;
  object-fit: cover;
}