/* Phone-only conversion fixes (see the leads audit, October 2026).
   1. A slim sticky bar with the three ways to get in touch, because phones get
      no header button and most forms sit thousands of pixels down the page.
   2. The plain WordPress page title is shrunk, so the offer and the first
      button are not pushed below the first screen.
   3. The floating WhatsApp bubble and the back-to-top button are hidden on
      phones while the bar is there: they overlapped each other and covered
      form fields, and the bar already carries WhatsApp. */
.fof-mbar { display: none; }
@media (max-width: 767px) {
  .fof-mbar {
    display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 9990;
    background: #ffffff; border-top: 1px solid #e6e1da;
    box-shadow: 0 -4px 16px rgba(0, 0, 0, .08);
    padding: 8px 8px calc(8px + env(safe-area-inset-bottom)); gap: 8px;
    font-family: Montserrat, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  }
  .fof-mbar a {
    flex: 1 1 0; display: flex; align-items: center; justify-content: center; gap: 6px;
    min-height: 46px; border-radius: 10px; font-size: 14px; font-weight: 700;
    text-decoration: none; line-height: 1.1; text-align: center;
  }
  .fof-mbar svg { width: 18px; height: 18px; flex: 0 0 18px; }
  .fof-mbar .fof-mbar-wa { background: #1f9d55; color: #ffffff; }
  .fof-mbar .fof-mbar-call { background: #ffffff; color: #262626; border: 1.5px solid #262626; }
  .fof-mbar .fof-mbar-quote { background: #972221; color: #ffffff; flex-grow: 1.3; }
  body.fof-has-mbar { padding-bottom: calc(64px + env(safe-area-inset-bottom)); }
  body.fof-has-mbar [id^="gsb-buttons"], body.fof-has-mbar .gsb-buttons,
  body.fof-has-mbar .smooth-back-to-top-button { display: none !important; }
  .page-header .entry-title { font-size: 26px !important; line-height: 1.25 !important; margin: 12px 0 8px !important; }
  /* Hero headings carry an inline 38-40px size that wraps to five lines on a phone. */
  .page-content h1[style] { font-size: 28px !important; line-height: 1.2 !important; }
  .fof-mbar a { font-size: 13.5px; }
}
