/* Easy Order call-to-action (timeline + embed). Verborgen tot de JS bevestigt dat Easy Order openstaat. */
.eo-strip {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px 24px;
  flex-wrap: wrap;
  max-width: 1440px;
  margin: 14px auto 4px;
  padding: 16px 22px;
  border: 1px solid rgba(228, 114, 1, 0.45);
  border-radius: 16px;
  background:
    radial-gradient(90% 160% at 100% 0%, rgba(228, 114, 1, 0.32) 0%, rgba(228, 114, 1, 0) 60%),
    linear-gradient(160deg, #1d1d1d 0%, #111 80%);
  box-shadow: 0 10px 34px rgba(0, 0, 0, 0.35);
  color: #fff;
}
.eo-strip[hidden] { display: none !important; }
.eo-strip-text { display: flex; align-items: center; gap: 14px; min-width: 0; flex: 1 1 320px; }
.eo-strip-icon { font-size: 30px; line-height: 1; flex: 0 0 auto; }
.eo-strip-title { font-family: 'Outfit', sans-serif; font-size: 19px; font-weight: 800; line-height: 1.2; }
.eo-strip-title em { font-style: normal; color: var(--primary-light, #ff8c1c); }
.eo-strip-sub { margin-top: 3px; font-size: 14px; line-height: 1.4; color: #b4b4bb; }
.eo-strip-btn {
  flex: 0 0 auto;
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 48px; padding: 12px 26px;
  border-radius: 100px;
  background: linear-gradient(180deg, #ff8a1f, #e47201);
  color: #fff !important;
  font-family: 'Outfit', sans-serif; font-size: 15px; font-weight: 800;
  letter-spacing: .5px; text-transform: uppercase; text-decoration: none !important;
  box-shadow: 0 6px 22px rgba(228, 114, 1, 0.45);
  transition: transform .15s ease, box-shadow .15s ease;
}
.eo-strip-btn:hover, .eo-strip-btn:focus-visible { transform: translateY(-2px); box-shadow: 0 10px 28px rgba(228, 114, 1, 0.6); }
.eo-strip-btn:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }

/* Ticketknop in de header (enkel op brede schermen, mobiel is de header al vol) */
.eo-nav-btn[hidden] { display: none !important; }
.eo-nav-btn { box-shadow: 0 0 0 0 rgba(228, 114, 1, 0.5); }

@media (max-width: 720px) {
  .eo-strip { margin: 12px 12px 4px; padding: 16px; }
  .eo-strip-btn { width: 100%; }
  .eo-strip-title { font-size: 17px; }
  .eo-nav-btn { display: none !important; }
}
@media (prefers-reduced-motion: reduce) {
  .eo-strip-btn { transition: none; }
  .eo-strip-btn:hover, .eo-strip-btn:focus-visible { transform: none; }
}

.eo-wave { flex: 1 1 100%; display: flex; align-items: center; justify-content: center; gap: 10px 18px; flex-wrap: wrap; margin-top: 4px; padding: 12px 14px; border-radius: 12px; background: linear-gradient(135deg, rgba(228,114,1,.28), rgba(228,114,1,.08)); border: 1px solid rgba(228,114,1,.7); }
.eo-wave-t { color: #ffb86b; font-family: 'Outfit', sans-serif; font-weight: 800; font-size: 16px; letter-spacing: .04em; }
.eo-wave-c { display: inline-flex; align-items: center; gap: 5px; }
.eo-wc { display: inline-flex; flex-direction: column; align-items: center; min-width: 56px; padding: 5px 4px; border-radius: 9px; background: #e47201; color: #000; }
.eo-wc b { font-size: 26px; line-height: 1; font-variant-numeric: tabular-nums; font-family: 'Outfit', sans-serif; }
.eo-wc small { font-size: 10px; letter-spacing: .06em; text-transform: uppercase; margin-top: 2px; font-weight: 700; }
.eo-wave-c i { color: #e47201; font-weight: 800; font-style: normal; font-size: 22px; }