/* /quote-request/ (page 71) above-the-fold overrides. Loaded AFTER brand.css. 2026-08-05 */

/* collapse the announcement bar on this page (zero-height, NEVER display:none -
   display:none breaks the theme's sticky-nav offset) */
.sec-00 { opacity:0 !important; max-height:0 !important; min-height:0 !important; margin:0 !important; padding:0 !important; overflow:hidden !important; pointer-events:none !important; border:0 !important; }

/* close the nav-to-headline gap: page-scoped GeneratePress wrapper spacing */
body.page-id-71 .site-header  { padding-bottom:6px !important; }
body.page-id-71 .site-main    { margin-top:0 !important; }
body.page-id-71 .inside-article { padding-top:14px !important; }
body.page-id-71 .entry-content { margin-top:0 !important; }
.quote-request-page .container { padding-top:4px !important; }
.quote-request-page .mini-hero { padding:22px 40px 24px !important; }

/* THE MISSING HERO RULE - restore display type + mint accent */
.quote-request-page .mini-hero h2.hero-h1-style {
  font-family: var(--font-display) !important;
  font-size:44px !important; font-weight:800 !important;
  letter-spacing:-0.02em !important; line-height:1.06 !important;
  color: var(--ink) !important; margin:0 0 14px !important; max-width:16ch !important;
}
.quote-request-page .mini-hero h2.hero-h1-style .accent { color: var(--mint-700) !important; background:none !important; padding:0 !important; }

/* sub: stop the orphan wrap */
.quote-request-page .mini-hero .sub { font-size:17px !important; line-height:1.5 !important; max-width:640px !important; margin:0 0 16px !important; }

/* reviews pill in the hero */
.qr-hero-trust { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:0 0 4px; }
.qr-hero-reviews { display:inline-flex; align-items:center; gap:9px; padding:8px 15px; border:1px solid var(--ink-200); border-radius:999px; background:var(--paper-white); font-size:14px; color:var(--ink); text-decoration:none; box-shadow:0 1px 2px rgba(12,17,26,.05); }
.qr-hero-reviews .g { font-weight:800; font-family:var(--font-display); }
.qr-hero-reviews .stars { color:#f59e0b; letter-spacing:1px; font-size:13px; }
.qr-hero-reviews strong { color:var(--ink); }
.qr-hero-reviews .muted { color:var(--ink-600); }

/* trust chips */
.qr-hero-chips { display:flex; flex-wrap:wrap; gap:8px; margin:14px 0 0; }
.qr-hero-chips span { font-family:var(--font-mono); font-size:12px; letter-spacing:.01em; color:var(--ink-700); background:#f3f4f6; border:1px solid var(--ink-200); border-radius:6px; padding:6px 11px; }
.qr-hero-chips span b { color:var(--purple-700); font-weight:700; }

/* remove the duplicate reviews pill from the sidebar (it now lives in the hero) */
.quote-request-page .qr-sidebar .trust-google { display:none !important; }

@media (max-width:600px){
  .quote-request-page .mini-hero { padding:24px 22px 22px !important; }
  .quote-request-page .mini-hero h2.hero-h1-style { font-size:31px !important; line-height:1.1 !important; max-width:none !important; }
  .quote-request-page .mini-hero .sub { font-size:16px !important; }
  .quote-request-page .container { padding-top:6px !important; }
}


/* MOBILE NAV FIX (2026-08-14): on this default-template page the nav-pill grid was
   collapsing to 2 columns, wrapping the hamburger onto a 2nd row and doubling the
   nav height (~130px vs the ~70px single row on every other page). Re-assert the
   theme's own 3-column pill (logo / title / burger) so it sits on one row. */
body.page-id-71 .nav-pill { grid-template-columns: auto 1fr auto !important; }


/* TRUST-LOGO STRIP FIX (2026-08-14): 2 columns up to 480px (was only <=380px).
   At 3 columns on 390-428px phones the ~63px cells were too narrow for the wide
   text wordmarks (National Trust ~116px, Formula 1 ~77px), which have white-space:
   nowrap and overflowed their cell into the neighbouring logo. 2 columns gives
   ~150-180px cells so the wordmarks fit. 481-560px keeps 3 columns (cells wide
   enough there). Page-scoped; loads after brand.css so it wins at <=480px. */
@media (max-width: 480px) {
  body .quote-request-page .qr-brandstrip .logo-row { grid-template-columns: repeat(2, 1fr) !important; }
}