/* Premier Detail Xperience only (client fixes 2026-10-20).
   Linked from every page in site/*.html; the build copies it to dist/assets/. */

/* Fix 2: "The PDX Maintenance Club" (H1) and "Two Service Tiers" (H2) on one line.
   The tiers heading sat in a narrow grid cell (cols 10-16); give it the same span as the H1. */
.fe-block-yui_3_17_2_1_1774055577812_116825 h1,
.fe-block-yui_3_17_2_1_1774055577812_37202 h2 {
  white-space: nowrap !important;
  text-align: center !important;
}
@media (min-width: 768px) {
  .fe-block-yui_3_17_2_1_1774055577812_37202 {
    grid-column: 7 / 21 !important;
  }
  .fe-block-yui_3_17_2_1_1774055577812_37202 .sqs-block,
  .fe-block-yui_3_17_2_1_1774055577812_116825 .sqs-block {
    justify-content: center !important;
  }
}
@media (max-width: 767px) {
  /* scale down so the longer H1 still fits a 320px phone on one line */
  .fe-block-yui_3_17_2_1_1774055577812_116825 h1,
  .fe-block-yui_3_17_2_1_1774055577812_37202 h2 {
    font-size: min(7vw, 28px) !important;
  }
}

/* Fix 4: service page checklists. The bold label and the rest of the line were separate
   flex items, so they rendered as two ragged columns; keep each item as one line of text. */
.fgm-widget.fgm-widget ul.fgm-checks li {
  display: block !important;
  position: relative;
  padding-left: 28px !important;
}
.fgm-widget.fgm-widget ul.fgm-checks li::before {
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 4px;
}
/* even gap between a checklist and the paragraph that follows it */
.fgm-widget.fgm-widget ul.fgm-checks + .fgm-prose {
  margin-top: 20px;
}
/* the 5-item strip under the hero wrapped 4 + 1 on desktop; one even row instead */
@media (min-width: 1000px) {
  .fgm-widget.fgm-widget ul.fgm-checks.fgm-checks-row:has(> li:nth-child(5):last-child) {
    grid-template-columns: repeat(5, 1fr);
    gap: 12px 22px;
  }
}

/* 2026-10-22 Fix 5: homepage links block. "Areas We Serve" was one long column of 27 towns;
   give it 3 columns on desktop (2 on phones) next to the services list. */
@media (min-width: 768px) {
  .fgm-widget.fgm-widget .fgm-links-cols { grid-template-columns: 1fr 3fr; }
}
.fgm-widget.fgm-widget .fgm-links-cols > div:last-child ul {
  grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 24px;
}
@media (min-width: 768px) {
  .fgm-widget.fgm-widget .fgm-links-cols > div:last-child ul { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px 40px; }
}

/* 2026-10-22 Fix 6: quote form inside the site's own "Receive a Quote" section.
   The section already has its heading and intro, so drop the form's second heading
   ("Get a Free Quote") and let the form use the whole card. */
.fgm-form-block .fgm-aside { grid-template-columns: 1fr !important; gap: 0 !important; }
.fgm-form-block .fgm-aside > div:first-child { display: none !important; }
.fgm-form-block .fgm-section { padding: 32px 28px !important; border-radius: 8px; }
.fgm-form-block .fgm-container { padding: 0 !important; max-width: none !important; }
@media (max-width: 767px) {
  .fgm-form-block .fgm-section { padding: 24px 18px !important; }
}