/* ============================================================
   Bootstrap 5 Compatibility Layer — Mantra ID Solutions
   ------------------------------------------------------------
   Purpose: Bootstrap's Reboot applies type-level base rules
   (margins on headings/paragraphs, list padding, etc.) that
   have HIGHER specificity than the project's original
   universal reset ( *{margin:0;padding:0} ) and would therefore
   silently shift spacing across every page.

   This file re-asserts the ORIGINAL reset at type-level so the
   rendered output stays pixel-for-pixel identical to the
   pre-Bootstrap baseline. Loaded AFTER styles.css and BEFORE any
   page-specific CSS, so pages can still override where needed.

   Do not add new design rules here — neutralisation only.
   ============================================================ */

/* Reboot adds margin-bottom to these; original design used *{margin:0} */
h1, h2, h3, h4, h5, h6,
p, figure, blockquote, dl, dd, pre {
  margin-top: 0;
  margin-bottom: 0;
}

/* Bootstrap Reboot sets body line-height:1.5; project uses 1.7 */
body {
  line-height: 1.7;
}

/* Reboot adds padding-left:2rem + margins; original used *{padding:0;margin:0} + list-style:none */
ul, ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}

/* Reboot styles hr with its own color/opacity/margin; original relied on element defaults */
hr {
  margin: 0;
}

/* ── Navbar protection ──
   Bootstrap's .btn class adds border, line-height, and padding that
   conflict with the project's custom .btn styling inside the navbar.
   These overrides ensure the nav CTA buttons match the live site exactly. */

/* Neutralise Bootstrap's .btn interference on project buttons */
.btn {
  border: none;
  line-height: inherit;
}

/* Ensure nav-cta buttons stay compact and don't expand from Bootstrap sizing */
.nav-cta .btn {
  white-space: nowrap;
  font-size: var(--ma-body-text);
  border: none;
}

.nav-cta .btn-ghost--nav {
  border: 1.5px solid var(--ink-200);
}

/* nav-cta needs auto width so it doesn't get squeezed by the fixed 200px when buttons are wider */
.nav-cta {
  flex: 0 0 auto;
  gap: 8px;
  margin-left: 1.5rem;
}

/* Add breathing room between logo and nav links */
.nav-links {
  margin-left: 2rem;
  margin-right: 1.5rem;
}


/* Reboot sets fieldset/legend spacing; keep original zeroed */
fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
legend {
  margin-bottom: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
}