/* Detailpagina van een evenement. Bouwt op de hero van subpagina's en de agenda-rijen. */
.ev-hero__back { display: inline-flex; align-items: center; gap: 8px; margin-bottom: clamp(18px, 2.4vw, 26px); font-size: 18px; font-weight: 700; color: var(--wm-sand); transition: gap .25s ease; }
.ev-hero__back:hover { color: var(--wm-sand); gap: 14px; }
.ev-hero__badge { display: inline-block; }
.ev-hero .hero-page__title { margin-top: 18px; }

.ev-body { background: var(--wm-cream); color: var(--wm-navy); padding: clamp(40px, 5vw, 74px) 0 clamp(70px, 9vw, 120px); }
.ev-body__grid { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(300px, 1fr); gap: clamp(30px, 4vw, 64px); align-items: start; }
@media (max-width: 860px) { .ev-body__grid { grid-template-columns: 1fr; } }
.ev-body__fallback { margin: 0; font-size: 18px; line-height: 1.75; color: var(--wm-text-intro); max-width: 58ch; text-wrap: pretty; }
.ev-body__ctas { margin-top: clamp(26px, 3vw, 34px); }

.ev-details { background: #fff; border-radius: 26px; overflow: hidden; box-shadow: 0 16px 38px rgba(2,67,94,.16); }
.ev-details__in { padding: clamp(22px, 2.6vw, 30px); }
.ev-details__title { margin: 0 0 18px; font-size: 26px; font-weight: 800; letter-spacing: -.015em; }
.ev-details__list { margin: 0; display: flex; flex-direction: column; gap: 16px; }
.ev-details__row { display: flex; align-items: flex-start; gap: 14px; }
.ev-details__row dt { font-size: 16px; font-weight: 700; color: var(--wm-text-muted); }
.ev-details__row dd { margin: 3px 0 0; font-size: 18px; line-height: 1.55; font-weight: 600; color: var(--wm-navy); }
.ev-details__route, .ev-details__mail { display: inline-flex; align-items: center; gap: 8px; font-size: 17px; font-weight: 700; color: var(--wm-teal); border-bottom: 2px solid rgba(23,162,174,.4); padding-bottom: 2px; transition: gap .25s ease, border-color .25s ease; }
.ev-details__route:hover, .ev-details__mail:hover { color: var(--wm-teal); gap: 12px; border-color: var(--wm-teal); }

.ev-more { margin-top: clamp(50px, 6vw, 88px); }
.ev-more__title { margin: 0 0 clamp(20px, 2.6vw, 30px); font-size: clamp(28px, 3.8vw, 48px); line-height: 1.06; font-weight: 800; letter-spacing: -.025em; }
.ev-more__list { display: flex; flex-direction: column; gap: 14px; }
.ev-more__item {
  display: grid; grid-template-columns: 96px 1fr auto; gap: 20px; align-items: center;
  padding: 16px 22px 16px 16px; border-radius: 24px; background: #fff; color: var(--wm-navy);
  box-shadow: 0 12px 30px rgba(2,67,94,.1); transition: transform .3s var(--wm-ease), box-shadow .3s ease;
}
.ev-more__item:hover { transform: translateX(8px); box-shadow: 0 22px 44px rgba(2,67,94,.2); color: var(--wm-navy); }
.ev-more__date { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; background: var(--wm-navy); color: var(--wm-sand); border-radius: 18px; padding: 14px 8px; text-align: center; min-height: 74px; }
.ev-more__item.is-koraal .ev-more__date { background: var(--wm-coral); color: #fff; }
.ev-more__item.is-teal .ev-more__date { background: var(--wm-teal); color: #fff; }
.ev-more__item.is-zand .ev-more__date { background: var(--wm-sand); color: var(--wm-navy); }
.ev-more__day { font-size: 26px; font-weight: 800; line-height: 1; }
.ev-more__month { font-size: 18px; font-weight: 600; line-height: 1; }
.ev-more__ritme { font-size: 14px; font-weight: 800; line-height: 1.2; }
.ev-more__name { display: block; font-size: 22px; font-weight: 800; letter-spacing: -.01em; }
.ev-more__sub { display: block; margin-top: 5px; font-size: 18px; color: var(--wm-text-body); }
.ev-more__arrow { color: var(--wm-teal); display: inline-flex; }
.ev-more__item.is-koraal .ev-more__arrow { color: var(--wm-coral); }
.ev-more__item.is-zand .ev-more__arrow { color: var(--wm-sand-dark); }
@media (max-width: 600px) { .ev-more__item { grid-template-columns: 84px 1fr; } .ev-more__arrow { display: none; } }