/*
 * Bcm — user customizations
 *
 * This file is safe to edit. It is loaded last so anything here overrides
 * theme.css without having to mark rules !important.
 */

/* Brand re-skin: swap the monochrome ink for BCM Seydel's dark petrol tone
   (sampled from the logo). Only touches the light-mode tokens — dark mode
   already uses light neutrals that read fine on the dark canvas. */
:root {
  --bcm-text: #123840;
  --bcm-text-strong: #04262b;
}

/* H2 headings default to the near-black --pico-h2-color (= --bcm-text)
   everywhere the landing modules don't already set their own color (e.g.
   inside plain `modular/text` sections). Use the brand teal instead, so
   every H2 site-wide matches the landing sections' section-head h2. */
h2 {
  color: var(--bcm-landing-deep, var(--bcm-text-strong));
}

/* In-page anchor links (e.g. hero buttons pointing at #leistungen, #kontakt)
   should not land underneath the sticky header — this is the CSS-native
   fallback for pages that don't run the onpage_menu smooth-scroll JS. */
.module-anchor {
  scroll-margin-top: 90px;
}

/* Bigger header wordmark — the default 28px reads too small for the
   BCM Seydel logo; match the header height it sits in instead. */
.navbar-brand img,
.navbar-brand svg {
  height: 44px;
}

/* Drop the small decorative dash the base theme draws above every h2
   (theme.css `h2::before`) — not part of the BCM Seydel design. */
h2::before {
  display: none;
}

/* Utility: soft mint band for section heros without a photo background (e.g.
   the "Dienstleistungen" page intro), matching the brand's light accent tint. */
.hero.bg-mint {
  background-color: #e3f3f1;
}

/* Utility: checkmark list for benefit/trust points inside modular/text
   content (markdown has no native icon-list, so this is applied via a
   plain <ul class="checklist"> with inline Font Awesome icons). */
.checklist {
  list-style: none;
  padding-left: 0;
  display: grid;
  gap: 0.65rem;
}
.checklist li {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
}
.checklist i {
  color: var(--bcm-accent, var(--bcm-text));
  margin-top: 0.2rem;
  flex: none;
}


/* Brand display font (Mainlux) for all headings, not just the landing
   modules — otherwise sub pages like /kontakt fall back to Cal Sans. */
:root,
:root[data-theme="light"],
:root[data-theme="dark"] {
  --pico-font-family-display:
    var(--bcm-font-heading, "Mainlux", "Cal Sans", "Inter", sans-serif);
}