/* ============================================================
   1. Flexbox Basis (Zet modules naast elkaar)
   ============================================================ */

/* Zet de rij op flex */
.flex-alles-rij {
    display: flex !important;
    flex-wrap: nowrap; /* Of 'wrap' voor mobiel stapelen */
}

/* Zet de kolommen en inhoud op flex (naast elkaar) */
.flex-alles-rij .et_pb_column {
    display: flex !important;
    flex-direction: row;
    align-items: center; /* Verticaal centreren */
    gap: 15px; /* Ruimte tussen modules */
}

/* Reset standaard marges van modules */
.flex-alles-rij .et_pb_module {
    margin-bottom: 0 !important;
    width: auto !important;
}

/* ============================================================
   4. GRID SYSTEM (Custom Layouts)
   ============================================================ */
/* 1. Container instellingen */
.grid-2-5-5, .grid-1-5-1-5, .grid-1-8-3, .grid-7-5, .grid-5-7, 
.grid-6-5-1, .grid-1-6-4-1, .grid-8-3-1, .grid-1-10-1, 
.grid-2-3-5-2, .grid-4-3-4-1, .grid-1-6-5, .grid-1-3-3-3-2,
.grid-1-9-2, .grid-1-2-2-2-2-2-1, .grid-2-8-2, .grid-5-1-6, .grid-1-5-6 {
    display: grid !important; width: 90% !important; max-width: 1679px !important; margin-left: auto !important; margin-right: auto !important;
    padding: 0 !important; gap: 25px !important;
}

/* 2. Kolom instellingen */
.grid-2-5-5 .et_pb_column, .grid-1-5-1-5 .et_pb_column, .grid-1-8-3 .et_pb_column, .grid-7-5 .et_pb_column, 
.grid-5-7 .et_pb_column, .grid-6-5-1 .et_pb_column, .grid-1-6-4-1 .et_pb_column, .grid-8-3-1 .et_pb_column, 
.grid-1-10-1 .et_pb_column, .grid-2-3-5-2 .et_pb_column, .grid-4-3-4-1 .et_pb_column, .grid-1-6-5 .et_pb_column,
.grid-1-3-3-3-2 .et_pb_column, .grid-1-9-2 .et_pb_column, .grid-1-2-2-2-2-2-1 .et_pb_column, .grid-2-8-2 .et_pb_column,
.grid-5-1-6 .et_pb_column, .grid-1-5-6 .et_pb_column {
    width: 100% !important; margin: 0 !important; margin-bottom: 0 !important; max-width: 100% !important;
}

/* Templates */
.grid-2-5-5         { grid-template-columns: 2fr 5fr 5fr !important; }
.grid-1-5-1-5       { grid-template-columns: 1fr 5fr 1fr 5fr !important; }
.grid-1-8-3         { grid-template-columns: 1fr 8fr 3fr !important; }
.grid-7-5           { grid-template-columns: 7fr 5fr !important; }
.grid-5-7           { grid-template-columns: 5fr 7fr !important; }
.grid-6-5-1         { grid-template-columns: 6fr 5fr 1fr !important; }
.grid-1-6-4-1       { grid-template-columns: 1fr 6fr 4fr 1fr !important; }
.grid-8-3-1         { grid-template-columns: 8fr 3fr 1fr !important; }
.grid-1-10-1        { grid-template-columns: 1fr 10fr 1fr !important; }
.grid-2-3-5-2       { grid-template-columns: 2fr 3fr 5fr 2fr !important; }
.grid-4-3-4-1       { grid-template-columns: 4fr 3fr 4fr 1fr !important; }
.grid-1-6-5         { grid-template-columns: 1fr 6fr 5fr !important; }
.grid-1-3-3-3-2     { grid-template-columns: 1fr 3fr 3fr 3fr 2fr !important; }
.grid-1-9-2         { grid-template-columns: 1fr 9fr 2fr !important; }
.grid-1-2-2-2-2-2-1 { grid-template-columns: 1fr 2fr 2fr 2fr 2fr 2fr 1fr !important; }
.grid-2-8-2         { grid-template-columns: 2fr 8fr 2fr !important; }
.grid-5-1-6         { grid-template-columns: 5fr 1fr 6fr !important; }
.grid-1-5-6         { grid-template-columns: 1fr 5fr 6fr !important; }