/* The official Tripleseat form stays in the page and owns validation/submission. */
body[data-figma-page="events"] .inquiry {
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  gap: clamp(28px, 4vw, 56px);
  overflow: hidden;
  scroll-margin-top: 110px;
}
.event-request { min-width: 0; position: relative; }
.event-request-intro { margin: 16px 0 28px; color: var(--fx-steel); }
.event-request-note { margin: 24px 0 0; color: var(--fx-steel); font-size: 12px; }
#event-request a { color: var(--fx-brass); text-decoration: underline; text-underline-offset: 3px; }
#event-request #tripleseat_embed_form_inline { width: 100%; color: var(--fx-chalk); font-family: var(--font-body); }
#event-request .tripleseat_field_section { display: flex; flex-wrap: wrap; gap: 16px; margin: 0 0 18px; }
#event-request .tripleseat_field { float: none; flex: 1 1 0; min-width: 0; width: auto; margin: 0; padding: 0; }
#event-request .ts_extension { flex: 0 0 80px; }
#event-request h2, #event-request #tsLeadSuccessMessage {
  margin: 30px 0 20px; color: var(--fx-chalk); font: 400 24px/1.3 var(--font-display);
}
#event-request .row_contact_header { margin-top: 0; }
#event-request label { display: block; margin: 0 0 8px; color: var(--fx-chalk); font: 500 13px/1.5 var(--font-body); }
#event-request label em { display: block; color: var(--fx-steel); font: 400 12px/1.5 var(--font-body); }
#event-request .required { color: var(--fx-brass); }
#event-request input:not([type="hidden"]):not([type="checkbox"]):not([type="submit"]),
#event-request select, #event-request textarea:not(.g-recaptcha-response) {
  box-sizing: border-box; width: 100%; max-width: 100%; min-height: 48px; padding: 12px 14px;
  border: 1px solid #55545a; border-radius: 3px; background: var(--fx-ink); color: var(--fx-chalk);
  font: 400 16px/1.5 var(--font-body);
}
#event-request textarea:not(.g-recaptcha-response) { min-height: 116px; resize: vertical; }
#event-request input:focus-visible, #event-request select:focus-visible, #event-request textarea:focus-visible,
#event-request a:focus-visible { outline: 2px solid var(--fx-brass); outline-offset: 3px; }
#event-request #lead_submit {
  width: 100%; min-height: 52px; padding: 16px 24px; cursor: pointer;
  border: 1px solid var(--fx-brass); border-radius: 3px; background: var(--fx-brass); color: var(--fx-ink);
  font: 700 13px/1.4 var(--font-body); letter-spacing: .06em; text-transform: uppercase;
}
#event-request #lead_submit:hover { background: #dec15b; }
#event-request #lead_submit:disabled { opacity: .6; cursor: wait; }
#event-request .ts_submit, #event-request .ts_powered_by { flex-basis: 100%; }
#event-request .ts_powered_by { font-size: 11px; }
#event-request .ts_robot_check { flex-basis: 100%; }
#event-request #errorExplanation {
  width: 100%; max-width: 100%; padding: 18px; margin: 0 0 24px;
  border: 1px solid #ec9d92; background: #321c1c; color: #ffe1dc; scroll-margin-top: 110px;
}
#event-request #errorExplanation h2 { margin: 0 0 12px; color: inherit; font-size: 18px; }
#event-request #errorExplanation ul { padding-left: 20px; }
#event-request #errorExplanation a, #event-request .help-block.danger { color: #ffb2a6; }
#event-request input.error, #event-request textarea.error { border-color: #ec9d92 !important; }
#event-request .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
body[data-figma-page="events"] .ui-datepicker, body[data-figma-page="events"] .timeselect {
  z-index: 1100 !important; max-width: calc(100vw - 24px); color-scheme: light;
}
/* Tripleseat moves its accessible calendar next to the input, inside this panel. */
#event-request .ts_event_date { position: relative; }
#event-request #ui-datepicker-div {
  top: 100% !important; left: 0 !important; width: 280px; max-width: 100%;
  padding: 10px; border: 1px solid #55545a; background: var(--fx-panel); color: var(--fx-chalk);
}
#event-request #ui-datepicker-div select { display: inline-block; width: auto; min-height: 32px; padding: 3px; font-size: 14px; }
#event-request #ui-datepicker-div .ui-icon { filter: brightness(0) invert(1); }
#event-request #ui-datepicker-div .ui-widget-header { border: 0; background: var(--fx-ink); color: var(--fx-chalk); }
#event-request #ui-datepicker-div .ui-state-default { border: 1px solid #55545a; background: var(--fx-ink); color: var(--fx-chalk); }
#event-request #ui-datepicker-div .ui-state-hover, #event-request #ui-datepicker-div .ui-state-active {
  background: var(--fx-brass); color: var(--fx-ink);
}
@media (max-width: 1080px) {
  body[data-figma-page="events"] .inquiry { grid-template-columns: minmax(0, 1fr); }
  .event-request { border-top: 1px solid var(--fx-line); padding-top: 30px; }
}
@media (max-width: 640px) {
  body[data-figma-page="events"] .inquiry { padding: 24px 16px; }
  #event-request .first_last { flex-direction: column; }
}
@media (max-width: 380px) {
  /* Keep Google's fixed-width checkbox inside narrow phones. */
  #event-request .g-recaptcha { transform: scale(.78); transform-origin: left top; height: 62px; }
}