/*
 * Hartepit Aarde 1.2.3 - gefaseerde kleurmigratie
 * ------------------------------------------------
 * Deze laag wijzigt uitsluitend kleur-gerelateerde eigenschappen op bestaande
 * publieke content. Geen spacing, breedtes, grid, typografie of content.
 * De homepage en interne/beheerpagina's laden dit bestand niet.
 */

body.hp-legacy-palette {
  --hp-legacy-cream: #F5F0E6;
  --hp-legacy-cream-light: #FBF8F2;
  --hp-legacy-moss: #3E4A36;
  --hp-legacy-sage: #DCE2CF;
  --hp-legacy-terracotta: #A8633F;
  --hp-legacy-dark: #2F3A2A;
  --hp-legacy-muted: #5D6557;
  --hp-legacy-border: #E2DACB;
}


/* Basisachtergrond van alle geselecteerde legacy-pagina's gelijk aan de header.
 * Alleen de buitenste pagina/shell krijgt deze kleur; inhoudelijke kaarten en
 * expliciete sage/moss-secties behouden hun eigen kleur. */
body.hp-legacy-palette,
body.hp-legacy-palette .wp-site-blocks,
body.hp-legacy-palette main,
body.hp-legacy-palette .hp-page-content,
body.hp-legacy-palette .hp-article-shell {
  background-color: var(--hp-legacy-cream) !important;
}

/* Oude Hartepit custom properties uit bestaande pagina's. */
body.hp-legacy-palette .hartepit-coaching {
  --hp-bg: var(--hp-legacy-cream) !important;
  --hp-bg-soft: var(--hp-legacy-cream-light) !important;
  --hp-bg-green: var(--hp-legacy-sage) !important;
  --hp-green: var(--hp-legacy-moss) !important;
  --hp-green-dark: var(--hp-legacy-dark) !important;
  --hp-text: var(--hp-legacy-dark) !important;
  --hp-white: var(--hp-legacy-cream-light) !important;
}

/* Achtergronden: oude lichte tinten naar Aarde cream/sage. */
body.hp-legacy-palette [style*="background:#faf7f2"],
body.hp-legacy-palette [style*="background: #faf7f2"],
body.hp-legacy-palette [style*="background-color:#faf7f2"],
body.hp-legacy-palette [style*="background-color: #faf7f2"],
body.hp-legacy-palette [style*="background:#faf9f6"],
body.hp-legacy-palette [style*="background: #faf9f6"],
body.hp-legacy-palette [style*="background-color:#faf9f6"],
body.hp-legacy-palette [style*="background-color: #faf9f6"],
body.hp-legacy-palette [style*="background:#ffffff"],
body.hp-legacy-palette [style*="background: #ffffff"],
body.hp-legacy-palette [style*="background-color:#ffffff"],
body.hp-legacy-palette [style*="background-color: #ffffff"] {
  background-color: var(--hp-legacy-cream-light) !important;
}

body.hp-legacy-palette [style*="background:#f1ede4"],
body.hp-legacy-palette [style*="background: #f1ede4"],
body.hp-legacy-palette [style*="background:#f1ece4"],
body.hp-legacy-palette [style*="background: #f1ece4"],
body.hp-legacy-palette [style*="background:#f0e4d8"],
body.hp-legacy-palette [style*="background: #f0e4d8"],
body.hp-legacy-palette [style*="background-color:#f1ede4"],
body.hp-legacy-palette [style*="background-color: #f1ede4"],
body.hp-legacy-palette [style*="background-color:#f1ece4"],
body.hp-legacy-palette [style*="background-color: #f1ece4"] {
  background-color: var(--hp-legacy-cream) !important;
}

body.hp-legacy-palette [style*="background:#e4eadf"],
body.hp-legacy-palette [style*="background: #e4eadf"],
body.hp-legacy-palette [style*="background:#dde2d8"],
body.hp-legacy-palette [style*="background: #dde2d8"],
body.hp-legacy-palette [style*="background:#dfe6da"],
body.hp-legacy-palette [style*="background: #dfe6da"],
body.hp-legacy-palette [style*="background:#e8ede1"],
body.hp-legacy-palette [style*="background: #e8ede1"],
body.hp-legacy-palette [style*="background:#dfe8d8"],
body.hp-legacy-palette [style*="background: #dfe8d8"] {
  background-color: var(--hp-legacy-sage) !important;
}

/* Oud groen als vlak naar moss. */
body.hp-legacy-palette [style*="background:#6b7d5a"],
body.hp-legacy-palette [style*="background: #6b7d5a"],
body.hp-legacy-palette [style*="background-color:#6b7d5a"],
body.hp-legacy-palette [style*="background-color: #6b7d5a"] {
  background-color: var(--hp-legacy-moss) !important;
}

/* Tekstkleuren. */
body.hp-legacy-palette [style*="color:#3f4038"],
body.hp-legacy-palette [style*="color: #3f4038"],
body.hp-legacy-palette [style*="color:#2d3a2e"],
body.hp-legacy-palette [style*="color: #2d3a2e"],
body.hp-legacy-palette [style*="color:#394339"],
body.hp-legacy-palette [style*="color: #394339"],
body.hp-legacy-palette [style*="color:#3f483f"],
body.hp-legacy-palette [style*="color: #3f483f"],
body.hp-legacy-palette [style*="color:#333333"],
body.hp-legacy-palette [style*="color: #333333"],
body.hp-legacy-palette [style*="color:#000000"],
body.hp-legacy-palette [style*="color: #000000"] {
  color: var(--hp-legacy-dark) !important;
}

body.hp-legacy-palette [style*="color:#4a4a4a"],
body.hp-legacy-palette [style*="color: #4a4a4a"],
body.hp-legacy-palette [style*="color:#526448"],
body.hp-legacy-palette [style*="color: #526448"],
body.hp-legacy-palette [style*="color:#58694c"],
body.hp-legacy-palette [style*="color: #58694c"],
body.hp-legacy-palette [style*="color:#6b6b65"],
body.hp-legacy-palette [style*="color: #6b6b65"],
body.hp-legacy-palette [style*="color:#5a655b"],
body.hp-legacy-palette [style*="color: #5a655b"],
body.hp-legacy-palette [style*="color:#5b5c54"],
body.hp-legacy-palette [style*="color: #5b5c54"],
body.hp-legacy-palette [style*="color:#667066"],
body.hp-legacy-palette [style*="color: #667066"],
body.hp-legacy-palette [style*="color:#666666"],
body.hp-legacy-palette [style*="color: #666666"],
body.hp-legacy-palette [style*="color:#7a6e64"],
body.hp-legacy-palette [style*="color: #7a6e64"],
body.hp-legacy-palette [style*="color:#9e9189"],
body.hp-legacy-palette [style*="color: #9e9189"] {
  color: var(--hp-legacy-muted) !important;
}

body.hp-legacy-palette [style*="color:#6b7d5a"],
body.hp-legacy-palette [style*="color: #6b7d5a"] {
  color: var(--hp-legacy-moss) !important;
}

body.hp-legacy-palette [style*="color:#ffffff"],
body.hp-legacy-palette [style*="color: #ffffff"],
body.hp-legacy-palette [style*="color:#faf9f6"],
body.hp-legacy-palette [style*="color: #faf9f6"],
body.hp-legacy-palette [style*="color:#faf7f2"],
body.hp-legacy-palette [style*="color: #faf7f2"] {
  color: var(--hp-legacy-cream-light) !important;
}

/* Borderkleur migreren zonder radius/dikte/spacing te wijzigen. */
body.hp-legacy-palette [style*="border"][style*="#e4ddd3"],
body.hp-legacy-palette [style*="border"][style*="#e8e5dd"],
body.hp-legacy-palette [style*="border"][style*="#e2dace"],
body.hp-legacy-palette [style*="border"][style*="#ded9cf"],
body.hp-legacy-palette [style*="border"][style*="#d8d1c5"],
body.hp-legacy-palette [style*="border"][style*="#cccccc"] {
  border-color: var(--hp-legacy-border) !important;
}

body.hp-legacy-palette [style*="border"][style*="#cbd5c5"],
body.hp-legacy-palette [style*="border"][style*="#c4cfbd"],
body.hp-legacy-palette [style*="border"][style*="#c5d0bf"],
body.hp-legacy-palette [style*="border"][style*="#e8ece9"],
body.hp-legacy-palette [style*="border"][style*="#e2e5df"],
body.hp-legacy-palette [style*="border"][style*="#c4d0bc"] {
  border-color: #C8D3C0 !important;
}

/* Callout-accenten: oud groen wordt terracotta. */
body.hp-legacy-palette [style*="border-left"][style*="#6b7d5a"] {
  border-left-color: var(--hp-legacy-terracotta) !important;
}

/* Bestaande class-gebaseerde legacy secties, alleen kleur. */
body.hp-legacy-palette .hp-hero { background-color: var(--hp-legacy-cream) !important; }
body.hp-legacy-palette .hp-section-soft { background-color: var(--hp-legacy-cream-light) !important; }
body.hp-legacy-palette .hp-section-green-soft { background-color: var(--hp-legacy-sage) !important; }
body.hp-legacy-palette .hp-principle,
body.hp-legacy-palette .hp-review,
body.hp-legacy-palette .hp-reading-card { background-color: var(--hp-legacy-cream-light) !important; }

body.hp-legacy-palette .hp-button,
body.hp-legacy-palette .wp-block-button__link,
body.hp-legacy-palette .wp-element-button,
body.hp-legacy-palette .ml-form-embedSubmit button {
  background-color: var(--hp-legacy-moss) !important;
  border-color: var(--hp-legacy-moss) !important;
  color: var(--hp-legacy-cream-light) !important;
}
body.hp-legacy-palette .hp-button:hover,
body.hp-legacy-palette .wp-block-button__link:hover,
body.hp-legacy-palette .wp-element-button:hover,
body.hp-legacy-palette .ml-form-embedSubmit button:hover {
  background-color: var(--hp-legacy-dark) !important;
  border-color: var(--hp-legacy-dark) !important;
  color: var(--hp-legacy-cream-light) !important;
}
body.hp-legacy-palette .hp-button-light {
  background-color: var(--hp-legacy-cream-light) !important;
  border-color: var(--hp-legacy-cream-light) !important;
  color: var(--hp-legacy-moss) !important;
}

/* WordPress custom-color classes uit bestaande content. */
body.hp-legacy-palette .has-4-a-4-a-4-a-color,
body.hp-legacy-palette .has-5-a-655-b-color,
body.hp-legacy-palette .has-6-d-746-e-color,
body.hp-legacy-palette .has-666666-color { color: var(--hp-legacy-muted) !important; }
body.hp-legacy-palette .has-2-d-3-a-2-e-color { color: var(--hp-legacy-dark) !important; }
body.hp-legacy-palette .has-d-9-ded-9-background-color { background-color: var(--hp-legacy-sage) !important; }
body.hp-legacy-palette .has-vivid-amber-color { color: var(--hp-legacy-terracotta) !important; }
body.hp-legacy-palette .has-vivid-amber-background-color { background-color: var(--hp-legacy-terracotta) !important; }

/* Gewone tekstlinks krijgen dezelfde kleurtaal, zonder afmetingen/stijl te wijzigen. */
body.hp-legacy-palette .wp-block-post-content a:not(.wp-block-button__link):not(.wp-element-button) {
  color: var(--hp-legacy-moss);
}
body.hp-legacy-palette .wp-block-post-content a:not(.wp-block-button__link):not(.wp-element-button):hover {
  color: var(--hp-legacy-terracotta);
}

/* Formuliervelden: uitsluitend kleur/contrast, geen vorm of layout. */
body.hp-legacy-palette .wp-block-post-content input:not([type="submit"]):not([type="button"]),
body.hp-legacy-palette .wp-block-post-content textarea,
body.hp-legacy-palette .wp-block-post-content select,
body.hp-legacy-palette .ml-form-embedContainer input,
body.hp-legacy-palette .ml-form-embedContainer textarea,
body.hp-legacy-palette .ml-form-embedContainer select {
  background-color: var(--hp-legacy-cream-light) !important;
  border-color: var(--hp-legacy-border) !important;
  color: var(--hp-legacy-dark) !important;
}


/* OP JE PLEK (pagina 463): de buitenste legacy-wrapper is in de oude
 * content wit. Omdat deze wrapper vóór de eerste hero een klein leeg stuk
 * bevat, werd dat als een lichtcrème horizontale balk zichtbaar. Alleen de
 * buitenste wrapper laten we daarom opgaan in de pagina/headerkleur.
 * Onderliggende kaarten en secties behouden hun eigen palette-kleuren. */
body.page-id-463.hp-legacy-palette .wp-block-post-content > div:first-child {
  background-color: var(--hp-legacy-cream) !important;
}


/* =========================================================
   Typography normalization 1.3.4
   Alleen tekstgrootte/regelritme, geen layoutwijziging.
   ========================================================= */
body.hp-legacy-palette .wp-block-post-content,
body.hp-legacy-palette .wp-block-post-content p,
body.hp-legacy-palette .wp-block-post-content li{
  font-size:17px!important;
  line-height:1.7!important;
}
body.hp-legacy-palette .wp-block-post-content h1{
  font-size:clamp(40px,4.2vw,54px)!important;
  line-height:1.04!important;
}
body.hp-legacy-palette .wp-block-post-content h2{
  font-size:clamp(32px,3.4vw,44px)!important;
  line-height:1.08!important;
}
body.hp-legacy-palette .wp-block-post-content h3{
  font-size:26px!important;
  line-height:1.12!important;
}
body.hp-legacy-palette .wp-block-post-content [style*="font-size:18px"],
body.hp-legacy-palette .wp-block-post-content [style*="font-size: 18px"],
body.hp-legacy-palette .wp-block-post-content [style*="font-size:19px"],
body.hp-legacy-palette .wp-block-post-content [style*="font-size: 19px"],
body.hp-legacy-palette .wp-block-post-content [style*="font-size:20px"],
body.hp-legacy-palette .wp-block-post-content [style*="font-size: 20px"]{
  font-size:17px!important;
}
@media(max-width:700px){
  body.hp-legacy-palette .wp-block-post-content,
  body.hp-legacy-palette .wp-block-post-content p,
  body.hp-legacy-palette .wp-block-post-content li{font-size:16.5px!important}
  body.hp-legacy-palette .wp-block-post-content h1{font-size:35px!important}
  body.hp-legacy-palette .wp-block-post-content h2{font-size:31px!important}
  body.hp-legacy-palette .wp-block-post-content h3{font-size:24px!important}
}
@media(max-width:390px){
  body.hp-legacy-palette .wp-block-post-content,
  body.hp-legacy-palette .wp-block-post-content p,
  body.hp-legacy-palette .wp-block-post-content li{font-size:16px!important}
  body.hp-legacy-palette .wp-block-post-content h1{font-size:33px!important}
  body.hp-legacy-palette .wp-block-post-content h2{font-size:29px!important}
  body.hp-legacy-palette .wp-block-post-content h3{font-size:23px!important}
}