/*
 Theme Name:   Domain5
 Author:       Takis Tap
 Author URI:   https://tweekopig.nl
 Template:     Divi
 Version:      1.0.0
*/

/*****Add any custom CSS below this line*****/

/* --- FLUID TYPOGRAPHY START --- */

:root {
    /* Instellingen voor de soepelheid */
    --fluid-screen-min: 360px;
    --fluid-screen-max: 1280px;
}

/* H1 - Van 38px tot 72px */
h1, .et_pb_header_content h1, .et_pb_text h1 {
    font-size: clamp(38px, 4vw + 1rem, 72px) !important;
    line-height: 1.2em !important; /* Voorkomt dat regels op elkaar kruipen */
}

/* H2 - Van 30px tot 52px */
h2, .et_pb_header_content h2, .et_pb_text h2 {
    font-size: clamp(30px, 3.5vw + 1rem, 52px) !important;
    line-height: 1.3em !important;
}

/* H3 - Van 24px tot 32px (Subtiel verschil) */
h3, .et_pb_header_content h3, .et_pb_text h3 {
    font-size: clamp(16px, 1vw + 12px, 18px) !important;
    line-height: 1.4em !important;
}

/* H4 - Van 16px tot 18px */
h4, .et_pb_header_content h4, .et_pb_text h4 {
    font-size: clamp(13px, 0.5vw + 11px, 14px) !important;
    letter-spacing: 0.5px; /* Vaak mooi bij kleine kopjes */
}

/* Body Tekst (P) - Van 15px tot 18px */
body, p, .et_pb_text_inner, .et_pb_blurb_description {
    font-size: clamp(15px, 1.5vw + 10px, 18px) !important;
    line-height: 1.8em !important; /* Goede leesbaarheid */
}

/* Menu Items - Van 16px tot 22px */
#top-menu li a, .et_pb_menu__menu > nav > ul > li > a {
    font-size: clamp(16px, 2vw + 10px, 22px) !important;
}

/* --- FLUID TYPOGRAPHY EINDE --- */

@media (max-width: 1250px) {
    .verberg-onder-1250 {
        display: none !important;
    }
}