/* Temporary /events compatibility patch.
   Keep the legacy calendar shell, but force its page hero to use the same
   purple/white treatment as the rest of MtPulaskiToday's public page headers.
   This file is intentionally scoped to /events so the shared header/theme
   implementation remains untouched while the /today cutover is prepared. */

html:not([data-theme="dark"]) body.page-shell .events-page-hero,
html[data-theme="light"] body.page-shell .events-page-hero,
html[data-theme="dark"] body.page-shell .events-page-hero {
  background: var(--mp-hero-background,
    radial-gradient(circle at 83% 16%, rgba(242, 193, 78, .7), transparent 23%),
    radial-gradient(circle at 15% 92%, rgba(255, 255, 255, .13), transparent 30%),
    linear-gradient(135deg, #32134f 0%, #55277e 54%, #72419a 100%)) !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.page-shell .events-page-hero .events-hero-copy .eyebrow {
  color: rgba(255, 255, 255, .9) !important;
  opacity: 1;
}

body.page-shell .events-page-hero .events-hero-copy h1,
body.page-shell .events-page-hero .events-hero-description,
body.page-shell .events-page-hero .events-feature-title,
body.page-shell .events-page-hero .events-feature-date,
body.page-shell .events-page-hero .events-feature-summary,
body.page-shell .events-page-hero .events-feature-link {
  color: #fff !important;
}

body.page-shell .events-page-hero .events-hero-copy h1 {
  text-shadow: 0 3px 20px rgba(40, 15, 64, .22) !important;
}

body.page-shell .events-page-hero .events-hero-button {
  border-color: #fff !important;
  background: #fff !important;
  color: #3b185f !important;
  box-shadow: 0 8px 20px rgba(40, 15, 64, .14) !important;
}

body.page-shell .events-page-hero .events-hero-button:hover,
body.page-shell .events-page-hero .events-hero-button:focus-visible {
  background: #f7f0fb !important;
}

body.page-shell .events-page-hero .events-hero-button-secondary {
  background: rgba(255, 255, 255, .12) !important;
  color: #fff !important;
  border-color: rgba(255, 255, 255, .72) !important;
  box-shadow: none !important;
}

body.page-shell .events-page-hero .events-hero-button-secondary:hover,
body.page-shell .events-page-hero .events-hero-button-secondary:focus-visible {
  background: rgba(255, 255, 255, .2) !important;
}

body.page-shell .events-page-hero .events-hero-feature {
  background: rgba(255, 255, 255, .16) !important;
  border-color: rgba(255, 255, 255, .42) !important;
}