@font-face {
  font-family: "D4 Inter";
  src: url("../fonts/inter-latin-wght-normal.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: "D4 Manrope";
  src: url("../fonts/manrope-latin-wght-normal.woff2") format("woff2");
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}

/*
 * D4Design typography refresh.
 * De bestaande warme achtergronden blijven behouden; groen in tekst,
 * titels, links en primaire bediening wordt vervangen door bijna-zwart.
 */
body {
  --wp--preset--color--primary: #111111;
  --wp--preset--color--foreground: #111111;
  --wp--preset--color--button-border-hover: #3f3f46;
  --wp--preset--font-family--body: "D4 Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --wp--preset--font-family--heading: "D4 Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #111111;
  font-family: "D4 Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.55;
}

body.elementor-kit-250 {
  --e-global-color-primary: #111111;
  --e-global-color-secondary: #27272a;
  --e-global-color-text: #18181b;
  --e-global-color-accent: #111111;
  --e-global-typography-primary-font-family: "D4 Manrope";
  --e-global-typography-secondary-font-family: "D4 Manrope";
  --e-global-typography-text-font-family: "D4 Inter";
  --e-global-typography-accent-font-family: "D4 Inter";
}

body :where(p, li, dd, dt, blockquote, figcaption, label, input, textarea, select, button),
body .elementor-widget-text-editor,
body .elementor-widget-text-editor p {
  font-family: "D4 Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body :where(h1, h2, h3, h4, h5, h6),
body .elementor-heading-title,
html body.page .wp-block-post-title,
html body.single-lesson .wp-block-post-title,
html body.single-course .wp-block-post-title,
html body .sensei-course-theme__main-content h1.wp-block-post-title,
html body .wp-block-post-title,
html body .wp-block-site-title,
html body .entry-title,
html body .sensei-course-theme__header__title,
body .sensei-lms-course-list-featured-label__text {
  color: #111111 !important;
  font-family: "D4 Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-style: normal;
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1.12;
  text-transform: none;
}

/* Oudere lesdocumenten bevatten lokale serifregels; ook die volgen het nieuwe systeem. */
body .encora-lesson-v2,
body .encora-lesson-v2 p,
body .encora-lesson-v2 li,
body .encora-lesson-v2 td,
body .encora-lesson-v2 th,
body .encora-lesson-v2 blockquote {
  font-family: "D4 Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

body .encora-lesson-v2 h1,
body .encora-lesson-v2 h2,
body .encora-lesson-v2 h3,
body .encora-lesson-v2 h4,
body .encora-lesson-v2 h5,
body .encora-lesson-v2 h6 {
  font-family: "D4 Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

body :where(h3, h4, h5, h6) {
  letter-spacing: -0.015em;
}

body :where(a:not(.wp-element-button):not(.elementor-button)) {
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.18em;
}

body :where(button, input, textarea, select),
body .wp-element-button,
body .elementor-button {
  font-family: "D4 Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Expliciete lichte tekst op donkere vlakken en knoppen blijft leesbaar. */
body :where(.has-foreground-background-color, .has-primary-background-color, .has-black-background-color) :where(h1, h2, h3, h4, h5, h6),
body :where(.has-foreground-background-color, .has-primary-background-color, .has-black-background-color) .elementor-heading-title {
  color: var(--wp--preset--color--background, #f1ede7) !important;
}

/* Het standaard Course-thema toont op niet-Elementorpagina's een lege placeholder-footer. */
.wp-site-blocks > footer.wp-block-template-part {
  display: none !important;
}