/* ===========================================================================
 * rr-base.css — BASE RESET                          2026-07-21 (Houzez Step 2)
 * ===========================================================================
 * The site was silently depending on the THEME for its base reset. Dequeuing the
 * Houzez shell (rr_custom_dequeue_houzez_shell) exposed that: with Houzez's
 * main.css and Bootstrap's reboot gone, the homepage grew 130px, every <p> gained
 * a 13px top margin, heading weights shifted, and full-bleed sections could scroll
 * horizontally. None of that is a Houzez feature we want back — it is a reset that
 * simply has to belong to US once the theme goes.
 *
 * Scope is deliberately TINY: only the declarations the rendered before/after diff
 * proved we actually depended on. This is NOT a normalize.css and must not grow
 * into one. Elementor already resets everything inside [data-elementor-type]; what
 * is missing is the handful of rules that applied to the DOCUMENT and to markup
 * outside Elementor's scope.
 *
 * Enqueued FIRST (priority 6, before rr-header/rr-custom) so every one of these is
 * a floor that our own layers and Elementor can override on merit — no !important.
 *
 * Provenance of each rule is named below, because "why is this here" is the whole
 * question a future reader will have. Survives the Step-3 theme swap: Hello
 * Elementor ships its own reset, but we do not want to depend on that one either.
 * ------------------------------------------------------------------------- */

/* Was: houzez main.min.css `body{overflow-x:hidden;…}`.
 * The site has documented full-bleed sections built with 100vw, which overflow by
 * the scrollbar width. Houzez clipped them. Without this the Buy page (and any
 * other 100vw section) gains a real horizontal scrollbar. */
body {
	overflow-x: hidden;
}

/* Was: bootstrap reboot `p{margin-top:0;margin-bottom:1rem}`.
 * Losing margin-top:0 let the UA default (1em) back in — +13px above every <p>,
 * which is what pushed the page 130px taller and moved the header's top bar down. */
p {
	margin-top: 0;
	margin-bottom: 1rem;
}

/* Was: bootstrap reboot `h1..h6{margin-top:0;margin-bottom:.5rem;line-height:1.2}`.
 * Only the box-model half is restored. Bootstrap also forced font-weight:500, which
 * we deliberately DO NOT reinstate — heading weight belongs to the design system
 * (Elementor global fonts + the heading ROLES in rr-custom.css), and re-declaring it
 * here would put a second owner on a token we already control. */
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: 0.5rem;
	line-height: 1.2;
}

/* Was: bootstrap reboot list/figure margins — same reasoning as <p>. */
ul, ol, dl, figure, blockquote {
	margin-top: 0;
}

/* Was: houzez main.min.css `input[type=checkbox],input[type=radio]{margin:6px 0 0}`.
 * The UA default is roughly `margin:3px 3px 3px 4px`, so losing this moved every
 * checkbox 4px right and 3px up. That lands on the TCPA + marketing CONSENT boxes on
 * every form — a cluster whose spacing was deliberately tuned (BUILD_LOG 2026-07-21,
 * increment 4: "consent cluster keeps its original air"). Restored exactly, so consent
 * conspicuousness is unchanged rather than incidentally re-tuned by a theme removal. */
input[type="checkbox"],
input[type="radio"] {
	margin: 6px 0 0;
}

/* Was: houzez main.min.css `body{text-rendering:optimizeLegibility;-webkit-font-
 * smoothing:auto;-moz-osx-font-smoothing:grayscale}`. Purely how glyphs are
 * rasterised, but it is visible on the Cormorant display headings, so keeping it
 * means the type looks identical before and after the theme goes. */
body {
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: auto;
	-moz-osx-font-smoothing: grayscale;
}
