/* Lovable override — loaded LAST on the homepage to neutralize Bootstrap
   reboot / utility conflicts that would otherwise stomp on our Tailwind
   tokens used by the shared Header, Footer and shadcn buttons. */

/* Bootstrap reboot turns every <a> blue (#0d6efd) and underlines on hover.
   Our Header/Footer use Tailwind colors via parent text color — restore inherit. */
header a,
header a:hover,
header a:focus,
footer a,
footer a:hover,
footer a:focus {
  color: inherit;
  text-decoration: none;
}

/* Bootstrap defines .bg-primary / .text-primary etc. with !important, which
   overrides Tailwind utilities of the same name (our BrandButton, header CTA,
   etc.). Re-assert our design-token versions with !important so Tailwind wins. */
.bg-primary { background-color: var(--primary) !important; }
.bg-background { background-color: var(--background) !important; }
.bg-surface { background-color: var(--surface) !important; }
.bg-card { background-color: var(--card) !important; }
.bg-foreground-strong { background-color: var(--foreground-strong) !important; }
.text-primary { color: var(--primary) !important; }
.text-primary-foreground { color: var(--primary-foreground) !important; }
.text-foreground { color: var(--foreground) !important; }
.text-foreground-strong { color: var(--foreground-strong) !important; }
.text-muted-foreground { color: var(--muted-foreground) !important; }
.text-background { color: var(--background) !important; }
.border-primary { border-color: var(--primary) !important; }
.border-border { border-color: var(--border) !important; }

/* Bootstrap reboot resets <h1>-<h6> margins/font-weight to its own defaults,
   which clashes with our headings. Scope ours back inside Header/Footer. */
header h1, header h2, header h3, header h4, header h5, header h6,
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {
  margin: 0;
  font-weight: inherit;
  line-height: inherit;
}

/* Bootstrap reboot adds padding-left: 2rem to <ul>/<ol>. Our Header nav uses
   raw <ul>. Reset it so the menu doesn't shift right. */
header ul, footer ul, header ol, footer ol {
  padding-left: 0;
  margin-bottom: 0;
}

/* Bootstrap reboot bumps body line-height to 1.5 — fine, but bumps
   margin-bottom on <p> to 1rem which breaks tight headers. */
header p, footer p { margin-bottom: 0; }

/* Match dropdown trigger weight/color to sibling nav links */
.navbar_header .dropdown > .demo_txt,
.navbar_header .dropdown > .demo_txt p {
  font-weight: 700;
  color: inherit;
}

/* Center team cards (works for any count, including 2-up) */
.team_member {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
}
.team_member > .team_box {
  flex: 0 1 360px;
  max-width: 360px;
}