/**
 * Unlayered overrides for Mautic embed (loads after index.min.css).
 * Mautic injects inline width:100% on rows; grid layout keeps two columns on validation errors.
 */
 option{
  background-color: var(--navy);
 }
html.ConfSummit .mm-form-enquiry .mauticform-page-wrapper {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px 16px !important;
  margin: 0 !important;
  width: 100% !important;
}

html.ConfSummit .mm-form-enquiry .mauticform-page-wrapper > .mauticform-row.mauticform-text:not(.full-width),
html.ConfSummit .mm-form-enquiry .mauticform-page-wrapper > .mauticform-row.mauticform-email,
html.ConfSummit .mm-form-enquiry .mauticform-page-wrapper > .mauticform-row.mauticform-tel,
html.ConfSummit .mm-form-enquiry .mauticform-page-wrapper > .mauticform-row.mauticform-select,
html.ConfSummit .mm-form-enquiry .mauticform-page-wrapper > .mauticform-row.mauticform-url,
html.ConfSummit .mm-form-enquiry .mauticform-page-wrapper > .mauticform-row.mauticform-number,
html.ConfSummit .mm-form-enquiry .mauticform-page-wrapper > .mauticform-row.mauticform-date,
html.ConfSummit .mm-form-enquiry .mauticform-page-wrapper > .mauticform-row.mauticform-datetime,
html.ConfSummit .mm-form-enquiry .mauticform-page-wrapper > .mauticform-row.mauticform-text.mauticform-has-error:not(.full-width),
html.ConfSummit .mm-form-enquiry .mauticform-page-wrapper > .mauticform-row.mauticform-email.mauticform-has-error,
html.ConfSummit .mm-form-enquiry .mauticform-page-wrapper > .mauticform-row.mauticform-tel.mauticform-has-error,
html.ConfSummit .mm-form-enquiry .mauticform-page-wrapper > .mauticform-row.mauticform-select.mauticform-has-error,
html.ConfSummit .mm-form-enquiry .mauticform-page-wrapper > .mauticform-row.mauticform-url.mauticform-has-error,
html.ConfSummit .mm-form-enquiry .mauticform-page-wrapper > .mauticform-row.mauticform-number.mauticform-has-error,
html.ConfSummit .mm-form-enquiry .mauticform-page-wrapper > .mauticform-row.mauticform-date.mauticform-has-error,
html.ConfSummit .mm-form-enquiry .mauticform-page-wrapper > .mauticform-row.mauticform-datetime.mauticform-has-error {
  grid-column: span 1 !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  flex: unset !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
}

html.ConfSummit .mm-form-enquiry .mauticform-page-wrapper > .mauticform-row.full-width,
html.ConfSummit .mm-form-enquiry .mauticform-page-wrapper > .mauticform-row.mauticform-textarea,
html.ConfSummit .mm-form-enquiry .mauticform-page-wrapper > .mauticform-row:has(textarea),
html.ConfSummit .mm-form-enquiry .mauticform-page-wrapper > .mauticform-row.mauticform-checkboxgrp,
html.ConfSummit .mm-form-enquiry .mauticform-page-wrapper > .mauticform-row.mauticform-radiogrp,
html.ConfSummit .mm-form-enquiry .mauticform-page-wrapper > .mauticform-row.mauticform-freetext,
html.ConfSummit .mm-form-enquiry .mauticform-page-wrapper > .mauticform-row.mauticform-button-wrapper,
html.ConfSummit .mm-form-enquiry .mauticform-page-wrapper > .mauticform-row.full-width.mauticform-has-error,
html.ConfSummit .mm-form-enquiry .mauticform-page-wrapper > .mauticform-row.mauticform-checkboxgrp.mauticform-has-error,
html.ConfSummit .mm-form-enquiry .mauticform-page-wrapper > .mauticform-row.mauticform-radiogrp.mauticform-has-error {
  grid-column: 1 / -1 !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
}

html.ConfSummit .mm-form-enquiry .mauticform-page-wrapper > .mauticform-row.mauticform-button-wrapper {
  display: flex !important;
  justify-content: flex-start !important;
}

html.ConfSummit .mm-form-enquiry .btn.main.mauticform-button,
html.ConfSummit .mm-form-enquiry button.mauticform-button {
  width: auto !important;
  max-width: none !important;
  display: inline-flex !important;
}

@media (max-width: 1024px) {
  html.ConfSummit .mm-form-enquiry .mauticform-page-wrapper {
    grid-template-columns: 1fr !important;
  }
}

/* Contact page: section overflow + reveal translate was clipping the form on mobile */
html.ConfSummit .contact-pathways-section.section {
  overflow: visible;
}

html.ConfSummit .contact-grid {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

html.ConfSummit .contact-grid > * {
  min-width: 0;
  max-width: 100%;
}

html.ConfSummit .contact-form-wrap {
  max-width: 100%;
  box-sizing: border-box;
}

html.ConfSummit .contact-form-wrap .mauticform_wrapper,
html.ConfSummit .contact-form-wrap .mauticform-innerform,
html.ConfSummit .contact-form-wrap .mauticform-page-wrapper {
  max-width: 100%;
  min-width: 0;
}

@media (max-width: 768px) {
  html.ConfSummit .contact-form-wrap,
  html.ConfSummit .contact-form-wrap.form-wrap {
    padding: 1.5rem 1.25rem;
  }
}