/*
Theme Name: MKF Thema
Theme URI: 
Author: MKF-Design
Author URI: 
Description: Custom MKF thema met een strak 2026 jasje en 100% vullende elementen.
Version: 1.0
Text Domain: mkf-thema
*/

/* --- Reset & 100% Vullend --- */
html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    box-sizing: border-box;
    overflow-x: hidden; /* Voorkom horizontale scrollbalken */
}

/* Zorg dat padding en borders binnen de breedte vallen */
*, *:before, *:after {
    box-sizing: inherit;
}

/* --- Basis Layout --- */
body {
    font-family: 'Inter', sans-serif; /* Het strakke font voor 2026 */
    background-color: #FAFAFA;
    color: #2C2C2C;
    display: flex;
    flex-direction: column;
}

/* Container die altijd 100% is en de pagina vult */
.mkf-wrapper {
    width: 100%;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

/* Header & Footer vullen de volledige breedte */
.mkf-header, .mkf-footer {
    width: 100%;
    background-color: #FFFFFF;
}

/* Main content neemt alle overgebleven ruimte in beslag */
.mkf-main {
    width: 100%;
    flex: 1; /* Rekt uit zodat de footer altijd onderaan blijft */
}