/* =============================================================================
 * ahk.important.css — AHK Contracting (wp-convert)
 *
 * The "force these to win" layer. ahk.css already contains the full, faithful
 * Tailwind output (flattened + de-layered), including Tailwind's preflight reset.
 * Because ahk.css is de-layered it beats a layered theme automatically — but some
 * WordPress themes re-assert base element styles with equal/higher specificity or
 * their own !important, and load AFTER our stylesheet. This file re-asserts the
 * handful of resets that themes most commonly override.
 *
 * This conversion is UNSCOPED: the converted design is the whole front end and
 * ahk.css is pasted into Etch's global stylesheet, so these rules are global too.
 * If instead you paste the markup as only PART of a larger site, wrap the pasted
 * content in a container with class `ahk-scope` and prefix every selector below
 * with `.ahk-scope ` to keep the resets from touching the rest of the site.
 *
 * Enqueue AFTER ahk.css. Keep it small; add a line only when a specific theme rule
 * is observed bleeding through after paste. Colours / sizes / weights are LEFT to
 * the utility classes in ahk.css — nothing here uses !important on those.
 * ========================================================================== */

/* Box model — themes sometimes set content-box on globals. */
*,
*::before,
*::after { box-sizing: border-box !important; }

/* Media never overflows its container. */
img,
svg,
video { max-width: 100% !important; height: auto; }

/* Links: the design colours links with utility classes and adds no underline;
   themes commonly force a brand colour + underline on every <a>. */
a { text-decoration: none !important; color: inherit; }

/* Lists in the layout are unstyled (nav, footer, card lists); themes add disc
   bullets and left padding. Sizing/spacing still comes from utility classes. */
ul,
ol { list-style: none !important; margin: 0 !important; padding: 0 !important; }

/* Headings + paragraphs: strip the theme's injected margins and font-family.
   The font (Montserrat/Inter) and sizes come from ahk.css utility classes. */
h1, h2, h3, h4, h5, h6,
p, figure, blockquote, dl, dd { margin: 0 !important; }

h1, h2, h3, h4, h5, h6 { font-weight: inherit; line-height: inherit; }

/* Form controls + buttons inherit type; buttons stay free of the theme's chrome.
   NOTE: no !important on background/colour so utilities (.bg-primary-600 …) win. */
button,
input,
select,
textarea { font-family: inherit; font-size: inherit; line-height: inherit; }

button { -webkit-appearance: none; appearance: none; background: none; border: 0; cursor: pointer; }