/* Theme Name: RAK Movers Astra Child Theme URI: https://rakmoversuae.com Description: Custom child theme for RAK Movers UAE, built on Astra, matching the approved HTML/Tailwind design. Author: RAK Movers UAE Template: astra Version: 1.0.0 Text Domain: rak-movers-astra-child */ /* * Astra's base stylesheet sets plain (unlayered) margins on bare element * selectors — `ol,ul{margin:0 0 1.5em 3em}`, `h2{margin-bottom:.7em}`, etc. * Tailwind's own Preflight resets the same properties via `:where(...)` / * the universal selector, which carries ZERO specificity by design — so * even after un-layering (see note below) Astra's plain element-selector * rules still win on specificity alone, adding unwanted margins/indents * everywhere (footer list indents, gaps under every heading, etc). * * These are plain element-selector resets at the same specificity as * Astra's, so normal cascade applies: any real Tailwind margin/padding * utility class on a given element (higher specificity) still wins over * this — it only fills the gap where no utility is set, matching the * approved design's zero-margin intent. */ h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, blockquote, figure { margin: 0; padding: 0; } /* * Astra also hardcodes every heading level to gray — `h1{color:#808285}`, * `h2{color:#808285}`, … through `h6` — as a plain element selector. The * approved design never sets an explicit heading color; headings are meant * to inherit the ambient text color of their section (white on red/dark * CTA and hero-style sections, dark on plain white sections). Astra's rule * wins by specificity, so every heading sitewide renders gray/dark even * inside sections meant to show white text. Restoring the intended * inheritance here at matching specificity. */ h1, h2, h3, h4, h5, h6 { color: inherit; } ul, ol { list-style: none; } /* * NOTE: Astra prints its own unlayered `button{background-color:var(--ast-global-color-0)}` * rule, and the approved design's compiled CSS originally reset buttons inside * Tailwind v4's `@layer base`/`@layer utilities` — per the CSS Cascade Layers * spec, ANY unlayered rule beats a layered one regardless of source order or * specificity, so Astra's blue button background was winning over every * Tailwind bg-* utility applied to a