/* ============================================================
   GEO Check — mBuy-tenant override-laag (geladen ná style.css)
   Huisstijl Rosa (mBuy): teal #204546 / #0D4646, oranje #CE5624,
   Butler (serif, koppen — Playfair Display als webfont-fallback,
   zelfde afspraak als in de mbuy-portal) + Plus Jakarta Sans (body).
   Fonts lokaal gevendord (OFL) — geen externe calls.
   ============================================================ */

@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/playfair-display-500-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/playfair-display-500-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url('../fonts/plus-jakarta-sans-200-latin.woff2') format('woff2');
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/plus-jakarta-sans-500-latin.woff2') format('woff2');
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/plus-jakarta-sans-700-latin.woff2') format('woff2');
}

:root {
  /* mBuy-kernkleuren over de aiwake-tokens heen */
  --orange: #CE5624;
  --orange-hover: #E0713F;
  --orange-light: rgba(206, 86, 36, 0.1);
  --orange-glow: rgba(206, 86, 36, 0.25);

  --dark: #0D4646;
  --dark-secondary: #204546;
  --gray: #1a3a3a;

  --bg-section: #f0f4f4;
  --text-primary: #1a2b2b;
  --text-secondary: #3d5555;

  --mbuy-teal: #204546;
  --mbuy-teal-dark: #0D4646;
}

body {
  font-family: 'Plus Jakarta Sans', 'Helvetica Neue', Arial, sans-serif;
}

h1, h2, h3, .score-value {
  font-family: 'Playfair Display', 'Butler', Georgia, serif;
  font-weight: 500;
}

/* Header en footer in teal i.p.v. zwart/wit */
.header { background: var(--mbuy-teal); }
.header .nav-link { color: #cfe0e0; }
.header .nav-link:hover { color: #ffffff; }

.footer { background: var(--mbuy-teal-dark); }

/* Extra leadvelden op het e-mailformulier */
.email-form .lead-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 10px;
}
.email-form .lead-fields input {
  width: 100%;
  padding: 13px 16px;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  font-family: inherit;
  font-size: 14px;
}
@media (max-width: 560px) {
  .email-form .lead-fields { grid-template-columns: 1fr; }
}

/* powered by Aiwake — bescheiden, wel zichtbaar */
.powered-by {
  margin-top: 10px;
  font-size: 11px;
  color: #9db8b8;
}
.powered-by a { color: #9db8b8; text-decoration: underline; }
