/* Site check fixes, 12 Oct 2026. Mostly light mode: text and logos made for the dark theme were hard or
   impossible to read on the cream background. Dark theme is unchanged except the phone pass picker. */

/* "Already have a ticket? Upgrade" banner (/tickets): white text on light pink. */
:root[data-theme="light"] .enx-upgrade-strip{color:#3b302b;background:linear-gradient(90deg,rgba(255,0,51,.10),rgba(255,0,51,.02))}
:root[data-theme="light"] .enx-upgrade-strip strong{color:#181311}

/* Partner logos are white/colour on transparent, made for a dark page, so the strip stays a dark band in
   light mode too (home and /tickets). Same size and spacing as before. */
:root[data-theme="light"] .enx-partners{background:#0b0908;padding-top:34px}
:root[data-theme="light"] .enx-partners-heading,
:root[data-theme="light"] .enx-partner-role{color:#b9b0a8}
:root[data-theme="light"] .enx-partner.is-title .enx-partner-role{color:#C9A84C}

/* Photo cards keep a dark overlay with white text in light mode (the photos are dark night shots). */
:root[data-theme="light"] .category-card .category-card-overlay{background:linear-gradient(180deg,rgba(0,0,0,.10) 30%,rgba(0,0,0,.82))!important}
:root[data-theme="light"] .category-card .category-card-title{color:#fff!important}
:root[data-theme="light"] .activities-grid .activity-card{background:#14110f!important;border-color:#2a2420!important}
:root[data-theme="light"] .activities-grid .activity-card .card-bg-image{opacity:.42!important}
:root[data-theme="light"] .activities-grid .activity-card .card-bg-image + div{background:linear-gradient(to top,rgba(10,8,7,.95),transparent)!important}
:root[data-theme="light"] .activities-grid .activity-card h3{color:#fff!important}
:root[data-theme="light"] .activities-grid .activity-card p{color:#cfc6bf!important}

/* Quick pass picker on /tickets: on phones the third pass ("Drift Taxi") was cut off. Three equal boxes. */
@media (max-width:600px){
  .enx-pick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:visible}
  .enx-pick button{padding:10px 8px;min-width:0}
  .enx-pick b{font-size:.64rem;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .enx-pick span{font-size:.9rem}
}

/* /apply on phones: the two-column layout needs 320px per column but only had 310px, so the page slid
   sideways. One column with normal phone side margins. */
@media (max-width:600px){
  div:has(> .genesis-grid){padding-left:18px!important;padding-right:18px!important}
  .genesis-grid{grid-template-columns:minmax(0,1fr)!important;gap:36px!important}
  .genesis-grid > div:first-child > h2{font-size:clamp(2rem,10vw,2.8rem)!important}
}

/* /event "What's in the event" cards on phones: the card is narrower than its 40px padding was made for, so the
   title ran into the small red label above it. Tighter padding and a slightly smaller title. */
@media (max-width:600px){
  .activities-grid .activity-card{padding:0!important}
  .activities-grid .activity-card > div:nth-child(3){padding:24px!important;width:100%;box-sizing:border-box}
  .activities-grid .activity-card > div:nth-child(3) > div:first-child{top:24px!important;left:24px!important}
  .activities-grid .activity-card h3{font-size:1.3rem!important;margin-bottom:10px!important}
}