/*
 * Enquiry form priority - Contact & Quote pages
 *
 * Both templates place the enquiry form in the right-hand column of
 * .contact1-header_component (a class used only by page-contact.php and
 * page-quote.php). Below 767px that grid collapses to one column, so the form
 * drops underneath the breadcrumb, H1, intro copy and the email/phone/location
 * list - roughly a full screen down the page.
 *
 * This file lifts the form to the top of the mobile stack and trims the
 * oversized top spacing, so the form is inside the first viewport on both
 * desktop and mobile. Source order is left untouched, so the H1 and contact
 * details stay first in the DOM for SEO.
 */

/* Landing offset for /contact/#enquiry-form and /quote/#enquiry-form,
   clearing the sticky navbar. */
#enquiry-form {
  scroll-margin-top: 7rem;
}

@media screen and (max-width: 767px) {
  /* Form first in the single-column stack. */
  .contact1-header_component > #enquiry-form {
    order: -1;
  }

  .contact1-header_component > .contact1-header_content {
    order: 0;
  }

  /* 6rem section margin + 6rem section padding pushed the fold down by
     roughly 190px of empty space before anything rendered. */
  .section-contact1-header {
    margin-top: 1.5rem;
  }

  .section-contact1-header .padding-vertical.padding-xhuge {
    padding-top: 1.5rem;
  }
}