/* Batch E: contact, thank-you, privacy-policy. Loaded after style.css. */

.hero--center { justify-content: center; } /* Figma hero content is centred vertically */

/* ---------- Icon + text rows (showroom hours, contact details) ---------- */
.info { margin: 0; display: flex; align-items: center; gap: 24px; font-size: 14px; }
.info img { flex: none; width: 16px; }
a.info { transition: color .2s; }
a.info:hover { color: var(--bronze); }

@media (min-width: 1025px) {
  .split--img-right .split__media--half { width: 50%; }
  .split--img-left .split__media--inset { left: 1.6%; } /* image sits 23px in from the edge at 1440 */
}

/* ---------- Enquiry form ---------- */
.enquiry { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; color: #0e0f0f; }
.enquiry__title { grid-column: 1 / -1; font: 400 24px/normal var(--serif); }
.enquiry > .btn { justify-self: start; }
.field { display: flex; flex-direction: column; gap: 24px; font-size: 14px; }
.control {
  display: flex; align-items: center; gap: 12px;
  width: 100%; height: 52px; margin: 0; padding: 0 16px;
  background: rgba(234, 227, 216, .5);
  border: 0.5px solid var(--charcoal); border-radius: 2px;
  color: var(--charcoal); font: 400 12px/14px var(--sans);
}
.control::placeholder { color: #6e6e66; opacity: 1; }
.control:focus, .file-input:focus-visible + .control { outline: 1px solid var(--bronze); outline-offset: 1px; }
select.control { appearance: none; cursor: pointer; } /* closed state in Figma has no arrow */
select.control:invalid { color: #6e6e66; } /* placeholder option is the only invalid value */
select.control option { color: var(--charcoal); background: var(--porcelain); }
textarea.control { display: block; min-height: 52px; padding: 18px 16px; resize: vertical; }
.file-input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.control--file { color: #6e6e66; cursor: pointer; }
.control--file img { flex: none; }
.control--file span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* ---------- Privacy policy text ---------- */
.policy { max-width: 900px; margin: 0 auto; padding: 12px 0; font-size: 14px; line-height: 22px; }
.policy p + p { margin-top: 16px; }

@media (max-width: 640px) {
  .enquiry { grid-template-columns: 1fr; }
  .field { gap: 12px; }
}