/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Alex Jongeneelen
 Author URI:     http://netrespons.nl
 Template:       Divi
 Version:        1.0.0
*/

/* ==========================================================================
   1. PAGINA ACHTERGROND (CANVAS)
   ========================================================================== */
/* Dit is de kleur die je ziet in de marges TUSSEN de secties door */
body.et_cover_background {
    background-color: #FFFFFF; /* wit */
    background-size: cover !important;
    background-attachment: fixed;
}

/* ==========================================================================
   BUTTON STYLING
   ========================================================================== */
/* Zorg voor semi-bold op alle standaard Divi buttons */
.et_pb_button {
    font-weight: 600 !important;
}

/* ==========================================================================
   2. UNIFORME SECTIE STYLING (ALLE SECTIES GELIJK)
   ========================================================================== */
body:not(.et-fb) #main-content .et_pb_section {
    /* --- De Afmetingen --- */
    /* 1. Marge rondom: boven/onder 1.2vw, links/rechts auto (centreren) */
    margin: 1.2vw auto !important;
    
    /* 2. Breedte: 100% minus de marges links en rechts (1.2 + 1.2 = 2.4vw) */
    width: calc(100% - 2.4vw) !important;
    
    /* 3. Geen limiet meer! Ze worden allemaal maximaal breed */
    max-width: 100% !important;
    
    /* --- Styling: Ronding & Patroon fix --- */
    border-radius: 20px !important;
    overflow: hidden; /* Zorgt dat inhoud niet buiten de bocht vliegt */
    
    /* De fix voor complexe achtergronden/patronen */
    mask-image: radial-gradient(white, black);
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    
    /* Optioneel: Subtiele schaduw zodat witte blokken loskomen van witte achtergrond */
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

/* ==========================================================================
   3. MOBIELE CORRECTIE
   ========================================================================== */
@media only screen and (max-width: 767px) {
    body:not(.et-fb) #main-content .et_pb_section {
        /* Op mobiel vaste pixels voor een betere leesbaarheid */
        width: calc(100% - 20px) !important; 
        margin: 10px auto !important;
        border-radius: 15px !important;
    }
}

/* Hier zat de fout: de media query hieronder werd niet afgesloten */
@media screen and (min-width: 981px) {
    .custom-menu-row,
    .custom-top-row {
      display: flex;
      align-items: center;
      justify-content: flex-end; 
    } 
}

/* ==========================================================================
   BUTTON STYLING AANPASSING
   ========================================================================== */

/* Zet het lettertype gewicht van alle standaard Divi buttons op 600 (semi-bold) */
.et_pb_button {
    font-weight: 500 !important;
}

/* Maak fonts optisch iets lichter en scherper */
body, p, .et_pb_text, h1, h2, h3, h4, h5, h6 {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}