/** * Structural CSS for Paws on Wheels. Every colour, font, spacing, radius * and shadow value below is a `var(--wp--...)` token generated from * theme.json — nothing here hard-codes a brand value. This file only adds * what theme.json cannot express: flex/grid layout, positioning, and a * few interactive states. */ /* ---------- Base / utility ---------- */ /* Safety net: nothing on this site should ever cause page-level horizontal scroll. Components that legitimately need to scroll sideways (the comparison table) keep their own internal overflow-x: auto — this just guarantees a flex/grid nesting quirk elsewhere can never bleed out to the whole page. Only on `body`, not `html` too — both having overflow-x: hidden at once silently breaks `position: sticky` for every sticky element on the site (header, sticky bottom bar, FAQ quick-nav) — found while building the FAQ page's sticky nav, confirmed the header was never actually sticking past ~1 viewport of scroll on any page. */ body { overflow-x: hidden; } /* WordPress's root block gap (theme.json styles.spacing.blockGap) adds margin-block-start to every child of .wp-site-blocks — the header, each top-level section, the footer — on top of each section's own padding, which showed up as white strips between sections and above the footer. Sections already size their own spacing via padding, so kill the root gap here instead of removing blockGap globally (which would also strip gap from flex/grid blocks that rely on it). */ .wp-site-blocks > * + * { margin-block-start: 0; } /* Same root-gap bug, one level deeper: inner pages render their blocks through in page.html, which wraps them in .wp-block-post-content.is-layout-flow — WordPress adds the same margin-block-start: 24px to each of ITS children too, on top of each section's own padding. Entry (11) only fixed the top-level gap (Home, which uses its own template with sections placed directly), so every inner page built from page.html (Services, Why, About, Reviews, Contact, FAQ, legal pages) and every blog post still had white strips between sections. */ /* Only zero the gap for direct full-width SECTION wrappers (About, Why, Reviews etc. are built from raw
/wp:group blocks that already carry their own padding) — flowing prose (blog articles, legal pages) is built from bare

/

/