/* Ticket Promo popup (Halifax Gala themed, scoped) */
#ticketPromo {
  --hx-navy: #123a63;
  --hx-navy-dark: #0e2f50;
  --hx-red: #c62828;
  --hx-red-dark: #a61f1f;
  --hx-text: #1f2937;
  --hx-muted: #6b7280;
  --hx-border: #e5e7eb;
}

#ticketPromo.ch-modal { position: fixed; inset: 0; display: none; z-index: 9999; }
#ticketPromo.ch-modal.is-open { display: block; }
#ticketPromo .ch-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.55); }

#ticketPromo .ch-dialog{
  position: relative;
  max-width: 420px;
  margin: 12vh auto 0;
  background: #fff;
  border-radius: 10px;
  padding: 18px 18px 14px;
  box-shadow: 0 12px 40px rgba(0,0,0,.25);
  border: 1px solid var(--hx-border);
}

/* Close */
#ticketPromo .ch-close{
  position: absolute; top: 10px; right: 10px;
  background: transparent; border: 0; font-size: 18px; cursor: pointer;
  color: var(--hx-muted);
}
#ticketPromo .ch-close:hover{ color: var(--hx-text); }

/* Text */
#ticketPromo .ch-title{
  margin: 0 28px 8px 0;
  font-size: 20px;
  color: var(--hx-navy);
  font-weight: 800;
}
#ticketPromo .ch-body{
  margin: 0 0 14px;
  color: var(--hx-text);
  line-height: 1.45;
}
#ticketPromo .ch-foot{
  margin: 12px 0 0;
  color: var(--hx-muted);
  font-size: 13px;
}

/* Actions */
#ticketPromo .ch-actions{ display: flex; gap: 12px; align-items: center; }

/* Primary CTA */
#ticketPromo .ch-btn{
  display: inline-block;
  background: var(--hx-navy);
  padding: 10px 14px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 700;
  border: 1px solid rgba(0,0,0,.05);
}

/* Force CTA text to remain white */
#ticketPromo .ch-btn,
#ticketPromo .ch-btn:link,
#ticketPromo .ch-btn:visited,
#ticketPromo .ch-btn:hover,
#ticketPromo .ch-btn:focus,
#ticketPromo .ch-btn:active{
  color: #fff !important;
}

#ticketPromo .ch-btn:hover{ background: var(--hx-navy-dark); }

/* Secondary */
#ticketPromo .ch-link{
  background: transparent; border: 0; padding: 0;
  color: var(--hx-red);
  text-decoration: underline;
  cursor: pointer;
  font-size: 16px;
}
#ticketPromo .ch-link:hover{ color: var(--hx-red-dark); }

/* Focus */
#ticketPromo .ch-btn:focus,
#ticketPromo .ch-link:focus,
#ticketPromo .ch-close:focus{
  outline: 3px solid rgba(18,58,99,.25);
  outline-offset: 2px;
}

/* Mobile */
@media (max-width: 520px){
  #ticketPromo .ch-dialog{
    margin: auto;
    max-width: none;
    width: calc(100% - 24px);
  }
}