/* =========================================================================
   Astra override layer — Kunal Designs
   Neutralises Astra's defaults so YOUR design wins. Enqueued LAST.
   ========================================================================= */

/* 1. Links — drop Astra's default blue. */
a { color: inherit; text-decoration: none; }
a:hover,
a:focus { color: var(--brand); }

/* 2. Focus / selection / tap-highlight — kill ALL the blue.
   - removes the blue focus ring (brand ring for keyboard users only)
   - removes the blue mobile tap-highlight on links/buttons/tabs
   - forces the text-selection highlight to your pink, not the browser blue */
*:focus { outline: none; }
*:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }
html { -webkit-tap-highlight-color: transparent; }
a, button, .btn, .tab, .nav-trigger, input, select, textarea { -webkit-tap-highlight-color: transparent; }
::selection { background: oklch(0.62 0.22 350 / .35); color: #fff; }
::-moz-selection { background: oklch(0.62 0.22 350 / .35); color: #fff; }

/* 3. Lists — remove Astra's indent / li margins; restore real lists in content. */
ul, ol { margin: 0; padding: 0; list-style: none; }
li { margin: 0; }
.entry-content ul,
.entry-content ol { margin: 0 0 1.4em 1.5em; }
.entry-content ul { list-style: disc; }
.entry-content ol { list-style: decimal; }
.entry-content li { margin: 0 0 .4em; }

/* 4. Headings — INHERIT the surrounding colour (NO !important).
   This is the fix for white-on-white / black-on-black: your per-tile rules
   (.bt-a h3 -> ink, .bt-b h3 -> #fff, .light .h-sec -> ink, etc.) then win,
   so each heading takes the right colour for its background. */
h1, h2, h3, h4, h5, h6 { color: inherit; }

/* 5. Form fields — remove Astra's blue focus border / glow. */
input:focus,
textarea:focus,
select:focus {
  border-color: var(--brand) !important;
  box-shadow: none !important;
  outline: none !important;
}

/* 6. Buttons — your .btn classes own styling; just normalise the cursor. */
button { cursor: pointer; }

/* 7. Stop Astra constraining width on non-Elementor pages. */
.ast-container,
.site-content .ast-container { max-width: none; padding-left: 0; padding-right: 0; }