/* LUCID Strategies — mobile responsive fixes (2026-06-17)
   Fixes flagged in the live-site audit: header logo too large on phones,
   horizontal overflow from hand-coded homepage grids, and the contact
   form first/last-name row running off-screen. Loaded after style.css. */

/* ---- Header: shrink logo, let the row wrap, keep CTA on screen ---- */
@media (max-width: 900px){
  header .ls-header-inner{flex-wrap:wrap !important; row-gap:12px;}
  header .ls-header-inner .wp-block-site-logo{width:auto !important; max-width:60vw !important;}
  header .ls-header-inner .wp-block-site-logo img{max-height:74px !important; width:auto !important; max-width:60vw !important;}
}

/* ---- Kill horizontal overflow once the root causes below are handled ---- */
@media (max-width: 781px){
  html, body{overflow-x:hidden;}
  img, iframe, video, table{max-width:100% !important; height:auto;}
}

/* ---- Collapse the hand-coded inline homepage grids to one column ----
   (Services 3-up and Outcomes 3-up are raw HTML with no breakpoint.) */
@media (max-width: 781px){
  .wp-block-group [style*="grid-template-columns:repeat(3,1fr)"]{grid-template-columns:1fr !important;}
  .wp-block-group [style*="repeat(3,1fr)"]{grid-template-columns:1fr !important;}
  .ls-paths{grid-template-columns:1fr !important;}
}

/* ---- Confidential intake form (WPForms): stack name + any field rows ---- */
@media (max-width: 600px){
  .wpforms-field-row{display:block !important;}
  .wpforms-field-row .wpforms-field-row-block{width:100% !important; float:none !important; margin:0 0 14px !important;}
  .wpforms-container, .wpforms-form{max-width:100% !important;}
}

/* ---- Tame the largest headlines on the smallest screens ---- */
@media (max-width: 600px){
  h1, .wp-block-heading.has-xx-large-font-size{font-size:clamp(1.85rem, 7.5vw, 2.3rem) !important; line-height:1.12;}
}