/*
 * Reclamehuys Heading System — v1.2.66
 * Eén typografische hiërarchie voor alle zichtbare contentheaders.
 * Sora blijft leidend; kleuren blijven contextafhankelijk per blok.
 */

:root{
    --cw-heading-h1-size:clamp(42px,5vw,68px);
    --cw-heading-h2-size:clamp(30px,2.45vw,50px);
    --cw-heading-h3-size:clamp(20px,1.5vw,28px);
    --cw-heading-weight:700;
    --cw-heading-letter:-.04em;
    --cw-heading-line-h1:.98;
    --cw-heading-line-h2:1.08;
    --cw-heading-line-h3:1.12;
    --cw-heading-gap-h1:clamp(22px,1.8vw,30px);
    --cw-heading-gap-h2:clamp(20px,1.8vw,30px);
    --cw-heading-gap-h3:clamp(12px,1vw,18px);
}

/* =====================================================================
   H1 — hoofdheader van iedere pagina
   Home, Borduren, Custom made, Contact, Over ons en Klantportaal.
   ===================================================================== */
html body.cw-site-style-active.cw-page-home .cw-live-intro h1,
html body.cw-site-style-active.cw-page-borduren .cw-live-intro h1,
html body.cw-site-style-active.cw-page-custom-made .cw-custom-hero h1,
html body.cw-site-style-active.cw-page-contact .cw-contact-page .cwcontact-homehero .cwabout-homehero__box h1,
html body.cw-site-style-active.cw-page-over-ons .cwabout .cwabout-homehero__box h1,
html body.cw-site-style-active.cw-page-klantportaal .cw-custom-portal-hero h1,
html body.cw-site-style-active.cw-page-klantlogin .cw-custom-portal-hero h1{
    font-family:"Sora",Arial,sans-serif!important;
    font-size:var(--cw-heading-h1-size)!important;
    line-height:var(--cw-heading-line-h1)!important;
    font-weight:var(--cw-heading-weight)!important;
    letter-spacing:var(--cw-heading-letter)!important;
    text-transform:none!important;
    margin-top:0!important;
    margin-bottom:var(--cw-heading-gap-h1)!important;
}

/* Hero-lines erven voortaan exact van hun H1. */
html body.cw-site-style-active.cw-page-contact .cwcontact-homehero .cwabout-homehero__line,
html body.cw-site-style-active.cw-page-over-ons .cwabout-homehero__line,
html body.cw-site-style-active.cw-page-klantportaal .cw-custom-portal-hero__line,
html body.cw-site-style-active.cw-page-klantlogin .cw-custom-portal-hero__line{
    font-family:inherit!important;
    font-size:inherit!important;
    line-height:inherit!important;
    font-weight:inherit!important;
    letter-spacing:inherit!important;
    text-transform:inherit!important;
}

/* =====================================================================
   H2 — alle inhoudelijke sectieheaders.
   Dit is exact dezelfde schaal/spacing als All-In wintermuts en
   Direct online offerte.
   ===================================================================== */
html body.cw-site-style-active.cw-page-home .cw-home-block-title,
html body.cw-site-style-active.cw-page-custom-made .cw-custom-heading h2,
html body.cw-site-style-active.cw-page-custom-made .cw-custom-ctas h2,
html body.cw-site-style-active.cw-page-contact .cw-contact-page .cw-contact-section-title,
html body.cw-site-style-active.cw-page-over-ons .cwabout h2,
html body.cw-site-style-active .cw-footer__cta h2,
html body.cw-site-style-active.cw-page-klantportaal .cw-portal h2,
html body.cw-site-style-active.cw-page-klantlogin .cw-portal h2{
    font-family:"Sora",Arial,sans-serif!important;
    font-size:var(--cw-heading-h2-size)!important;
    line-height:var(--cw-heading-line-h2)!important;
    font-weight:var(--cw-heading-weight)!important;
    letter-spacing:var(--cw-heading-letter)!important;
    text-transform:none!important;
    margin-top:0!important;
    margin-bottom:var(--cw-heading-gap-h2)!important;
}

/* Gekleurde span/dot blijft visueel onderdeel van dezelfde header. */
html body.cw-site-style-active.cw-page-home .cw-home-block-title span,
html body.cw-site-style-active.cw-page-custom-made .cw-custom-heading h2 span,
html body.cw-site-style-active.cw-page-custom-made .cw-custom-ctas h2 span,
html body.cw-site-style-active.cw-page-contact .cw-contact-section-title span,
html body.cw-site-style-active.cw-page-over-ons .cwabout h2 span{
    font-family:inherit!important;
    font-size:inherit!important;
    line-height:inherit!important;
    font-weight:inherit!important;
    letter-spacing:inherit!important;
}

/* =====================================================================
   H3 — inhoudelijke subheaders. Productkaarttitels en footer-kolomlabels
   blijven bewust compact en vallen niet onder deze regel.
   ===================================================================== */
html body.cw-site-style-active.cw-page-contact .cw-contact-page .cw-contact-form-head h3,
html body.cw-site-style-active.cw-page-over-ons .cwabout .cwabout-values h3,
html body.cw-site-style-active.cw-page-over-ons .cwabout .cwabout-process__list h3,
html body.cw-site-style-active.cw-page-klantportaal .cw-portal h3,
html body.cw-site-style-active.cw-page-klantlogin .cw-portal h3{
    font-family:"Sora",Arial,sans-serif!important;
    font-size:var(--cw-heading-h3-size)!important;
    line-height:var(--cw-heading-line-h3)!important;
    font-weight:var(--cw-heading-weight)!important;
    letter-spacing:-.03em!important;
    text-transform:none!important;
    margin-top:0!important;
    margin-bottom:var(--cw-heading-gap-h3)!important;
}

@media (max-width:699px){
    :root{
        --cw-heading-h1-size:clamp(38px,11vw,48px);
        --cw-heading-h2-size:clamp(28px,8vw,36px);
        --cw-heading-h3-size:clamp(20px,6vw,24px);
        --cw-heading-gap-h1:20px;
        --cw-heading-gap-h2:18px;
        --cw-heading-gap-h3:12px;
    }
}