/* Event choice: day first, ticket type second. */
html { scroll-behavior: smooth; }
body { overflow-x: clip; }
html[lang="nl"] .event-main span.desc-nl, html[lang="en"] .event-main span.desc-en,
html[lang="nl"] .event-hero span.desc-nl, html[lang="en"] .event-hero span.desc-en { display: inline !important; }
html[lang="nl"] .event-main span.desc-en, html[lang="en"] .event-main span.desc-nl,
html[lang="nl"] .event-hero span.desc-en, html[lang="en"] .event-hero span.desc-nl { display: none !important; }
.event-hero { min-height: 0; padding: 40px 0 24px; background-attachment: scroll; }
.event-hero .hero-overlay { background: linear-gradient(115deg, rgba(42, 28, 105, .55), rgba(35, 41, 107, .18)); }
.event-hero .hero-content { width: 100%; max-width: 760px; padding: 0 16px; text-align: center; }
.event-hero .hero-title { font-size: clamp(1.5rem, 4vw, 2.5rem); margin: 0 0 12px; overflow-wrap: anywhere; line-height: 1.15; }
.event-main { background: #f6f6fb; padding: 31px 0 70px; }
.event-container { max-width: 1060px; }
.event-intro { margin-bottom: 16px; }
.event-intro h2 { font-weight: 800; font-size: clamp(1.65rem, 4.7vw, 2.4rem); margin: 0; color: #252337; }
.event-day { scroll-margin-top: 12px; margin: 0 0 28px; padding: 22px; background: #fff; border: 1px solid #e1ddfa; border-top: 5px solid #6c5ce7; border-radius: 18px; box-shadow: 0 7px 26px rgba(29, 29, 68, .06); }
.event-day.day-tone-2 { border-color: #cde8ef; border-top-color: #1687ac; }
.event-day-heading { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 19px; }
.event-day-date { display: flex; align-items: center; gap: 13px; min-width: 0; }
.event-day-number { font-size: 2.5rem; line-height: 1; font-weight: 900; color: #6c5ce7; }
.day-tone-2 .event-day-number { color: #1687ac; }
.event-day-label { color: #746e88; font-weight: 700; font-size: .76rem; text-transform: uppercase; letter-spacing: .07em; }
.event-day-date h3 { margin: 0; font-size: clamp(1.1rem, 3.4vw, 1.6rem); font-weight: 800; color: #29243f; }
.event-day-ticket-count { color: #757185; font-size: .84rem; white-space: nowrap; }
.event-ticket-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 14px; }
.event-ticket-card { display: flex; flex-direction: column; min-width: 0; padding: 19px; border: 1px solid #e5e2ef; border-radius: 13px; background: #fff; }
.event-ticket-top { display: flex; align-items: flex-start; gap: 10px; justify-content: space-between; margin-bottom: 14px; }
.event-ticket-kind { color: #29243f; font-size: 1.22rem; font-weight: 800; line-height: 1.23; overflow-wrap: anywhere; }
.event-ticket-price { white-space: nowrap; font-size: 1.12rem; font-weight: 800; color: #5744c3; }
.event-ticket-date { display: flex; gap: 9px; align-items: center; padding: 10px 11px; background: #f1eefe; border-radius: 8px; color: #443690; font-size: .91rem; }
.day-tone-2 .event-ticket-date { color: #155772; background: #e8f8fc; }
.event-ticket-time { display: flex; align-items: center; gap: 9px; margin: 10px 0 13px; color: #515367; font-weight: 650; }
.event-ticket-description { color: #666579; font-size: .88rem; line-height: 1.5; margin: 0 0 16px; }
.event-ticket-description p { margin: 0 0 6px; }
.event-ticket-description-wrapper { position: relative; }
.description-toggle { display: none; align-items: center; gap: 5px; margin: -15px 0 20px; padding: 0; border: 0; background: transparent; color: #6c5ce7; font-size: 0.85rem; font-weight: 600; cursor: pointer; }
.description-toggle i { font-size: 0.7rem; transition: transform 0.2s; }
.description-toggle.expanded i { transform: rotate(180deg); }
.event-countdown { display: flex; justify-content: center; gap: 12px; margin-bottom: 16px; }
.countdown-item { display: flex; flex-direction: column; align-items: center; }
.countdown-number { font-size: 1.5rem; font-weight: 700; background: rgba(255,255,255,0.2); border-radius: 8px; padding: 6px 12px; min-width: 60px; margin-bottom: 4px; }
.countdown-label { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.5px; }
.hero-description { font-size: 0.95rem; line-height: 1.5; margin-bottom: 16px; opacity: 0.9; }
.event-ticket-action { display: flex; align-items: center; justify-content: center; gap: 11px; margin-top: auto; padding: 12px 10px; min-height: 48px; width: 100%; border: 0; border-radius: 9px; color: #fff; background: #6655db; font-weight: 800; text-align: center; text-decoration: none; font-size: .91rem; }
.day-tone-2 .event-ticket-action { background: #176f93; }
.event-ticket-action:hover { color: #fff; filter: brightness(.94); }
.event-ticket-action:disabled, .event-ticket-unavailable { background: #a9a8b5 !important; cursor: default; }
.event-food-note { display: flex; align-items: center; gap: 14px; padding: 15px 18px; background: linear-gradient(110deg, #fff, #f6f3ff); border-radius: 13px; border: 1px solid #ded7fb; box-shadow: 0 5px 18px rgba(55,41,124,.06); margin: 0 0 22px; }
.food-note-icon { display: grid; place-items: center; width: 46px; height: 46px; flex: 0 0 auto; background: #ece8ff; color: #5f4fd0; border-radius: 11px; font-size: 1.05rem; }
.food-note-copy { display: flex; flex-direction: column; gap: 3px; color: #5d5b70; font-size: .88rem; line-height: 1.4; }
.food-note-copy strong { display: block; color: #302960; font-size: 1rem; line-height: 1.2; }
.event-empty { background: #fff; padding: 30px; border-radius: 13px; }
@media (max-width: 600px) {
  .language-switcher { right: 12px; top: 12px; }
  .event-hero { padding: 24px 0 16px; }
  .event-hero .hero-content { max-width: 100%; padding: 0 12px; }
  .event-main { padding: 20px 0 35px; }
  .event-container { padding-left: 12px; padding-right: 12px; }
  .event-day { padding: 14px; margin-bottom: 14px; }
  .event-day-heading { align-items: flex-start; }
  .event-day-number { font-size: 1.8rem; }
  .event-day-ticket-count { display: none; }
  .event-ticket-grid { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .event-ticket-card { padding: 12px; }
  .event-ticket-top { margin-bottom: 10px; }
  .event-food-note { padding: 12px; margin-bottom: 14px; }
  .event-countdown { gap: 6px; margin-bottom: 10px; }
  .countdown-number { font-size: 1rem; min-width: 38px; padding: 4px 8px; border-radius: 6px; margin-bottom: 2px; }
  .countdown-label { font-size: 0.55rem; letter-spacing: 0.02em; }
  .hero-description { font-size: 0.8rem; line-height: 1.4; margin-bottom: 10px; }
  .event-ticket-description { display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
  .event-ticket-description.expanded { -webkit-line-clamp: unset; line-clamp: unset; display: block; }
  .description-toggle { margin: -8px 0 12px; }
}