/*--------------------------------------------------------------
# Laredo Socioeconomic Handbook Publications Page — Custom Styles
# publications-bsh.css
# Depends on: main.css + txc.css
#   - Hero (title/text/image) reuses .wps-hero-* classes from the
#     TCBEED Working Paper Series page, minus the stat-card row.
#   - Edition cards reuse .events .event-item classes from the
#     homepage's "TCBEED Recent News" section verbatim.
# Font sizes: rem only, min 0.75rem, multiples of 0.05
--------------------------------------------------------------*/

/* ══════════════════════════════════════════════════════════════
   EDITION CARDS — the source art is near-square, not the theme's
   wide event photo, so the image box needs a 1:1 box instead of a
   fixed 200px strip (which would crop the images heavily).
══════════════════════════════════════════════════════════════ */
.events .event-item .event-image.bsh-image {
  height: auto;
  aspect-ratio: 1 / 1;
}

/* Year-only badge (no month/day) reads small at the theme's default
   two-line date size — bump it up for a single 4-digit year. */
.events .event-item .event-image .event-date-overlay .date.bsh-year {
  font-size: 1.1rem;
  letter-spacing: 0.02em;
}

/* Each card holds two stacked title+button pairs (English, Spanish)
   instead of the theme's single h3 + description paragraph. */
.events .event-item .event-details .bsh-edition {
  margin-bottom: 1.25rem;
}

.events .event-item .event-details .bsh-edition:last-child {
  margin-bottom: 0;
}

.events .event-item .event-details .bsh-edition h3 {
  font-size: 1.05rem;
  margin-bottom: 0.6rem;
}

/* The theme's .register-btn look only applies inside .event-footer /
   .event-footy — our two buttons live inside .bsh-edition instead, so
   the button chrome (background, padding, radius) is given explicitly
   here rather than relying on that parent-scoped selector. */
.events .event-item .event-details .bsh-edition .register-btn {
  display: inline-block;
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), #6c5ce7 20%));
  color: var(--contrast-color);
  padding: 0.6rem 1.4rem;
  border-radius: 25px;
  font-weight: 600;
  font-size: 0.9rem;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px color-mix(in srgb, var(--accent-color), transparent 70%);
}

.events .event-item .event-details .bsh-edition .register-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px color-mix(in srgb, var(--accent-color), transparent 60%);
  color: var(--contrast-color);
}