/* Tickets page, tickets first: compact hero, one-line countdown, passes right below,
   the rest of the page after them. Active only while tickets-focus.js sets html.enx-tickets-focus. */
.enx-tickets-focus .tickets-hero { min-height: 0 !important; height: auto !important; padding-top: 40px !important; padding-bottom: 8px !important; }
.enx-tickets-focus .tickets-hero .hero-title { font-size: clamp(44px, 7vw, 84px) !important; line-height: .95 !important; margin-bottom: 12px !important; }
.enx-tickets-focus .tickets-hero .hero-title span { height: auto !important; }

.enx-tickets-focus .tickets-hero a.enx-venue { text-decoration: none !important; cursor: default !important; }

/* Countdown: one line */
.enx-tickets-focus .countdown-telemetry-panel { display: inline-flex !important; width: auto !important; max-width: 100% !important; margin: 18px auto 0 !important; padding: 10px 18px !important; border-radius: 999px !important; }
.enx-tickets-focus .countdown-telemetry-panel > :not(:nth-child(6)) { display: none !important; }
.enx-tickets-focus .countdown-telemetry-panel > :nth-child(6) { flex-direction: row !important; align-items: center !important; gap: 12px; margin: 0 !important; }
.enx-tickets-focus .countdown-telemetry-panel > :nth-child(6) > :first-child { margin: 0 !important; font-size: 10px !important; letter-spacing: 2px !important; white-space: nowrap; }
.enx-tickets-focus .countdown-telemetry-panel > :nth-child(6) > :first-child::after { content: none; }
.enx-tickets-focus .countdown-telemetry-panel .cd-box { gap: 4px !important; width: auto !important; flex-wrap: nowrap !important; align-items: baseline !important; }
.enx-tickets-focus .countdown-telemetry-panel .cd-it { min-width: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; display: flex !important; flex-direction: row !important; align-items: baseline !important; gap: 2px; }
.enx-tickets-focus .countdown-telemetry-panel .cd-v { font-size: 18px !important; line-height: 1 !important; }
.enx-tickets-focus .countdown-telemetry-panel .cd-u { font-size: 9px !important; letter-spacing: 1px !important; margin: 0 !important; }
.enx-tickets-focus .countdown-telemetry-panel .cd-sep { font-size: 14px !important; }

/* Passes move to the top; every other section keeps its place below them. The long
   drift section is hidden because its pass now sits in the ticket grid; it stays in
   the page so its Book button keeps working. */
.enx-tickets-focus .enx-tickets-stack { display: flex !important; flex-direction: column; }
.enx-tickets-focus .enx-tickets-stack > .pass-selector-section { order: -1; width: 100%; }
.enx-tickets-focus #drift-taxi-experience { display: none !important; }

/* Passes */
.enx-tickets-focus .pass-selector-section { padding-top: 28px !important; padding-bottom: 72px !important; }
.enx-tickets-focus .pass-selector-grid { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important; margin-top: 24px !important; }
.enx-tickets-focus .pass-card { padding: 24px 20px !important; }
.enx-tickets-focus .pass-card-title { font-size: 24px !important; }
.enx-tickets-focus .pass-card.enx-drift-card .pass-card-btn[disabled] { opacity: .6; cursor: not-allowed; }

@media (max-width: 640px) {
  .enx-tickets-focus .tickets-hero { padding-top: 24px !important; }
  .enx-tickets-focus .countdown-telemetry-panel { padding: 8px 14px !important; }
  .enx-tickets-focus .countdown-telemetry-panel > :nth-child(6) > :first-child { display: none !important; }
  .enx-tickets-focus .countdown-telemetry-panel .cd-v { font-size: 16px !important; }
  .enx-tickets-focus .tickets-hero .container > div:first-child { margin-bottom: 14px !important; }
  .enx-tickets-focus .tickets-hero .hero-title + div { gap: 4px 16px !important; margin-bottom: 0 !important; }
  .enx-tickets-focus .countdown-telemetry-panel { margin-top: 12px !important; }
  .enx-tickets-focus .pass-selector-section { padding: 16px 16px 56px !important; }
  .enx-tickets-focus .pass-selector-section > :first-child { margin-bottom: 6px !important; }
  .enx-tickets-focus .pass-selector-section > :first-child h2 { font-size: 22px !important; }
  .enx-tickets-focus .pass-selector-section > :nth-child(2) { font-size: 9px !important; }
  .enx-tickets-focus .pass-selector-grid { margin-top: 16px !important; }
}