/* Renéra · Contact — MOBILE reflow (phones + tablets)
   Layered after chrome.css + contact.css when body.rn-m. The shared mobile
   header comes from mobile-header.css; this file collapses the desktop two-column
   form layout to a single column, rescales type, stacks the contact details, and
   makes the WPForms submit full-width — mirroring the Contact Mobile.html design.
   Inline styles win, so structural rules use !important.
   Section ids/structure match page-templates/contact.php. */

.rn-m { background: var(--renera-sand-300); }

/* Tighter gutters */
.rn-m .container { padding: 0 20px !important; }

/* Section rhythm — opens straight into the form under the sticky header */
.rn-m #form { padding: 36px 0 12px !important; }

/* ---- LAYOUT: title → form → details (matches Contact Mobile.html order) ---- */
.rn-m .rn-form-layout {
  grid-template-columns: 1fr !important;
  grid-template-areas: "aside" "form" "details" !important;
  row-gap: 36px !important;
  column-gap: 0 !important;
}
.rn-m .rn-form-aside { position: static !important; }
.rn-m .rn-form-aside .rn-h-2 { font-size: 48px !important; line-height: 1.04 !important; }
.rn-m .rn-form-aside .rn-lead-italic { font-size: 17px !important; }

/* contact details — stack label over value (dt above dd), divider on top */
.rn-m .rn-contact-dl {
  margin-top: 0 !important;
  padding-top: 30px !important;
  gap: 20px !important;
}
.rn-m .rn-contact-dl > div { grid-template-columns: 1fr !important; gap: 6px !important; }
.rn-m .rn-contact-dl dd { font-size: 18px !important; }

/* ---- FORM CARD ---- */
.rn-m .rn-form-card { padding: 26px 22px 30px !important; }

/* WPForms: force single column + full-width submit on mobile */
.rn-m .rn-form-card .wpforms-field-container { display: block !important; }
.rn-m .rn-form-card .wpforms-field { margin: 0 0 24px !important; }
.rn-m .rn-form-card button[type="submit"].wpforms-submit {
  width: 100% !important;
  justify-content: center !important;
}

/* ---- FOOTER ----
   The mobile footer is the shared template-parts/mobile-footer.php partial
   (.rnm-footer, styled by mobile-footer.css). The old bespoke .rn-contact-mfoot
   block was folded into that shared partial — see commit 836a9a45. */