/* Baylor Profile SDC component styles
   Scope: styles for a single profile card only. Grid/layout remains in the module library.
   Notes: Inherit site typography/tokens; be minimally opinionated.
*/

.bu2-event-card {
  background: #fff;
  color: inherit;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);
  display: flex;
  flex-direction: column;
}

/* Optional gradient background modifier */
.bu2-event-card--gradient {
  background: linear-gradient(180deg, rgba(0,0,0,0.03), rgba(0,0,0,0));
}

/* Optional entrance animation modifier */
.bu2-event-card--animate {
  transform: translateY(0);
  opacity: 1;
  animation: bu2-event-card-fadein .6s ease-out both;
}

@keyframes bu2-event-card-fadein {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Media region (image/video) should be responsive */
.bu2-event-card__media img,
.bu2-event-card__media video {
  display: block;
  width: 100%;
  height: auto;
}

/* Body spacing */
.bu2-event-card__body { padding: 1rem; }

/* Eyebrow + inline date row */
.bu2-event-card__eyebrow-row { display: flex; gap: .75rem; align-items: baseline; margin-bottom: .25rem; }
.bu2-event-card__eyebrow { font-size: .75rem; text-transform: uppercase; letter-spacing: .06em; opacity: .85; }
.bu2-event-card__inline-date { font-size: .75rem; opacity: .85; }

/* Title & link styles */
.bu2-event-card__title { font-size: 1.125rem; margin: .25rem 0 .5rem; line-height: 1.3; }
.bu2-event-card__title a { color: inherit; text-decoration: none; }
.bu2-event-card__title a:focus,
.bu2-event-card__title a:hover { text-decoration: underline; }

/* Subtitle & summary */
.bu2-event-card__subtitle { color: rgba(0,0,0,.75); margin-bottom: .5rem; }
.bu2-event-card__summary { color: rgba(0,0,0,.8); margin-bottom: .75rem; }

/* Meta list (time/location/vcal) */
.bu2-event-card__meta { list-style: none; padding: 0; margin: 0 0 .75rem; display: flex; flex-wrap: wrap; gap: .5rem 1rem; }
.bu2-event-card__meta-item { display: inline-flex; align-items: center; gap: .375rem; font-size: .875rem; opacity: .9; }

/* Tags */
.bu2-event-card__tags { margin: 0 0 .5rem; padding: 0; list-style: none; display: flex; gap: .5rem; flex-wrap: wrap; }
.bu2-event-card__tag { font-size: .8125rem; opacity: .9; }

/* CTA */
.bu2-event-card__cta { margin-top: auto; }
.bu2-event-card__more { font-weight: 600; }