/*
Theme Name: Marc Neerhof
Description: Eigen thema van Melange Design voor marcneerhof.nl, Melange Builder als pagebuilder.
Version: 1.0.0
*/

:root{
  --mn-goud:#b88c48;
  --mn-goud-licht:#caa05a;
  --mn-donker:#0b1018;
  --mn-donker-2:#06090f;
  --mn-crème:#f6f1e9;
  --mn-wit:#ffffff;
  --mn-tekst:#22262f;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:"Inter",Arial,sans-serif;color:var(--mn-tekst);background:var(--mn-wit);line-height:1.6;}
h1,h2,h3,h4{font-family:"Playfair Display",Georgia,serif;font-weight:600;line-height:1.15;margin:0 0 .5em;color:var(--mn-donker);}
a{color:inherit;}
img{max-width:100%;height:auto;display:block;}
.mn-omhulsel{max-width:1180px;margin:0 auto;padding:0 24px;}

/* Generieke pagina-elementen */
.mn-pagina-inhoud{padding:56px 0;}
.mn-hero{background:var(--mn-donker);color:#fff;padding:90px 0;text-align:center;}
.mn-hero h1{color:#fff;font-size:clamp(32px,5vw,54px);}
.mn-hero p{font-size:18px;color:#d8dbe1;max-width:640px;margin:14px auto 0;}

/* CTA-sectie met parallax-achtergrond (Zin om kennis te maken) */
.mn-cta-parallax{background-size:122% !important;background-position:32% 50%;background-repeat:no-repeat;}
@media(max-width:767px){.mn-cta-parallax{background-position-x:14% !important;background-size:auto 185% !important;}}

/* Header is fixed (zweeft over de hero); pagina's zonder hero krijgen compensatie-ruimte. */
body:not(:has(.mn-vhero)):not(:has(.mn-dv-hero)) main{padding-top:72px;}
@media(max-width:767px){body:not(:has(.mn-vhero)):not(:has(.mn-dv-hero)) main{padding-top:62px;}}


/* ===== Typografie-pariteit met de bron (Elementor) voor melange-builder content ===== */
h2.mb-el--heading{font-family:"Playfair Display",serif;font-weight:600;font-size:40px;line-height:1.15;margin:0 0 20px;color:#1F2A24;}
h3.mb-el--heading{font-family:"Playfair Display",serif;font-weight:600;font-size:28px;line-height:1.2;margin:0 0 16px;color:#1F2A24;}
.mb-el--text{font-family:Inter,sans-serif;font-size:16px;line-height:1.75;margin:0 0 14px;color:#4c4c4c;}
@media(max-width:767px){
  h2.mb-el--heading{font-size:28px;line-height:1.15;margin:0 0 14px;}
  h3.mb-el--heading{font-size:24px;line-height:1.2;margin:0 0 12px;}
}