/* Miles Chimney Sweep — shared form styles (the /includes/contact-form.php section). */

.contact-section { padding: 68px 0; background: var(--light); }
.contact-grid { display: grid; grid-template-columns: 0.82fr 1.18fr; gap: 55px; align-items: start; }
.contact-copy h2 { margin-bottom: 15px; }
.contact-copy > p:last-of-type { color: var(--text); }
.contact-details { display: grid; gap: 11px; margin-top: 25px; }
.contact-details strong { color: var(--orange); }
.contact-details a:hover, .contact-details a:focus { color: var(--orange); }

.quote-form { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.form-group { display: grid; gap: 7px; }
.form-group.full-width { grid-column: 1 / -1; }
.form-group label { font-weight: 700; }
.form-control { width: 100%; min-height: 46px; padding: 11px 13px; border: 1px solid #cfc6bf; border-radius: 5px; background: var(--white); color: var(--text); }
textarea.form-control { min-height: 125px; resize: vertical; }
.form-control:focus { border-color: var(--orange); outline: 2px solid rgba(247, 148, 30, 0.25); }
.sms-consent { grid-column: 1 / -1; display: flex; align-items: flex-start; gap: 9px; color: var(--text); font-size: 13px; }
.sms-consent input { margin-top: 5px; }
.submit-row { grid-column: 1 / -1; }
.submit-button { width: 100%; min-height: 48px; padding: 12px 22px; border: 0; border-radius: 999px; background: var(--orange); color: var(--white); cursor: pointer; font-weight: 700; text-transform: uppercase; }
.submit-button:hover, .submit-button:focus { background: var(--orange-dark); }

@media (max-width: 760px) {
  .contact-grid { grid-template-columns: 1fr; gap: 35px; }
  .quote-form { grid-template-columns: 1fr; }
  .form-group.full-width, .sms-consent, .submit-row { grid-column: auto; }
}

/* SCHEDULING CHIPS (day + 3-hour window) */
.sched-lbl { grid-column: 1 / -1; font-weight: 700; color: var(--dark); font-size: 15px; margin: 6px 0 0; }
.sched-lbl .hot { color: var(--orange); }
.chips { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 8px; }
.chip { min-width: 0; width: auto; border: 1.5px solid #cfc6bf; background: var(--white); color: var(--dark); border-radius: 999px; padding: 9px 16px; font-size: 14px; font-weight: 700; cursor: pointer; transition: 0.12s; }
.chip:hover { border-color: var(--orange); }
.chip.on { background: var(--orange); border-color: var(--orange); color: var(--white); }
.form-error { grid-column: 1 / -1; display: none; color: #c62828; font-weight: 700; font-size: 14px; }
.full-width { grid-column: 1 / -1; }