@import url("./garden-room-enquiry.css?v=garden-room-enquiry-v2");

/* BBQ Pod enquiry — uses the proven two-stage concierge form foundation. */
.bbq-enquiry {
  scroll-margin-top: 96px;
}

.bbq-enquiry .gr-enquiry__title {
  font-size: clamp(38px, 2.7vw, 56px);
}

.bbq-enquiry .gr-enquiry__media img {
  object-position: 74% 54%;
}

.bbq-enquiry .gr-enquiry__action:not(.gr-enquiry__action--back) {
  border-color: var(--gr-enquiry-ivory);
  background: var(--gr-enquiry-ivory);
  color: var(--gr-enquiry-espresso) !important;
}

/* Keep the primary label, generated arrow and sending spinner in sync. This
   also wins over the site's global white submit-button text declaration. */
.bbq-enquiry .gr-enquiry__action:not(.gr-enquiry__action--back) .gr-enquiry__submit-inner,
.bbq-enquiry .gr-enquiry__action:not(.gr-enquiry__action--back) .gr-enquiry__submit-inner > span,
.bbq-enquiry .gr-enquiry__action:not(.gr-enquiry__action--back)::after {
  color: inherit !important;
}

body.bbq-pod-page .bbq-enquiry .gr-enquiry__field:focus-within .gr-enquiry__field-surface,
body.bbq-pod-page .bbq-enquiry .gr-enquiry__field.is-select-open .gr-enquiry__field-surface {
  border-top: 0;
  border-right: 0;
  border-left: 0;
}

body.bbq-pod-page .bbq-enquiry .gr-enquiry__field-surface > input:is(:focus, :focus-visible, :active),
body.bbq-pod-page .bbq-enquiry .gr-enquiry__field-surface > textarea:is(:focus, :focus-visible, :active),
body.bbq-pod-page .bbq-enquiry .gr-enquiry__field.is-invalid .gr-enquiry__field-surface > :is(input, textarea) {
  -webkit-appearance: none;
  appearance: none;
  height: auto;
  border: 0 !important;
  border-radius: 0;
  outline: 0 !important;
  outline-offset: 0;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none;
  -webkit-tap-highlight-color: transparent;
}

body.bbq-pod-page .bbq-enquiry .gr-enquiry__field-surface > :is(input, textarea):-webkit-autofill,
body.bbq-pod-page .bbq-enquiry .gr-enquiry__field-surface > :is(input, textarea):-webkit-autofill:hover,
body.bbq-pod-page .bbq-enquiry .gr-enquiry__field-surface > :is(input, textarea):-webkit-autofill:focus {
  border: 0 !important;
  outline: 0 !important;
  background-color: var(--gr-enquiry-espresso) !important;
  background-image: none !important;
  -webkit-text-fill-color: var(--gr-enquiry-ivory);
  caret-color: var(--gr-enquiry-ivory);
  -webkit-box-shadow: 0 0 0 1000px var(--gr-enquiry-espresso) inset !important;
  box-shadow: 0 0 0 1000px var(--gr-enquiry-espresso) inset !important;
  transition: background-color 9999s ease-out 0s;
}

body.bbq-pod-page .bbq-enquiry .gr-enquiry__field-surface > :is(input, textarea):autofill {
  border: 0 !important;
  outline: 0 !important;
  background-color: var(--gr-enquiry-espresso) !important;
  color: var(--gr-enquiry-ivory);
  box-shadow: 0 0 0 1000px var(--gr-enquiry-espresso) inset !important;
}

@media (hover: hover) and (pointer: fine) {
  .bbq-enquiry .gr-enquiry__action:not(.gr-enquiry__action--back):hover {
    border-color: var(--gr-enquiry-bronze);
    background: var(--gr-enquiry-bronze);
  }
}

@media (min-width: 1180px) and (max-width: 1450px) {
  .bbq-enquiry .gr-enquiry__media img {
    object-position: 76% 54%;
  }
}

@media (max-width: 1179px) {
  .bbq-enquiry {
    scroll-margin-top: 82px;
  }

  .bbq-enquiry .gr-enquiry__media img {
    object-position: 68% 56%;
  }
}

@media (max-width: 767px) {
  .bbq-enquiry {
    scroll-margin-top: 72px;
  }

  .bbq-enquiry .gr-enquiry__media img {
    object-position: 50% 54%;
  }

  .bbq-enquiry .gr-enquiry__title {
    font-size: clamp(34px, 10.8vw, 48px);
  }
}