/* Vakken met ietsje meer ruimte ertussen */
.wpforms-container .wpforms-field,
.wpforms-container .wpforms-field-row {
    margin-bottom: 8px !important; 
    padding-bottom: 0px !important;
    margin-top: 0px !important;
    padding-top: 0px !important;
}

/* De bovenste vakken maximaal plat drukken */
.wpforms-container input[type="text"], 
.wpforms-container input[type="email"] {
    padding-top: 0px !important;       /* Volledig vlak aan de bovenkant */
    padding-bottom: 0px !important;    /* Volledig vlak aan de onderkant */
    height: 32px !important;           /* Dwingt een ultra slanke hoogte af */
    min-height: 32px !important;       /* Voorkomt dat het thema de vakken hoog houdt */
    line-height: 32px !important;      /* Zorgt dat de tekst perfect verticaal gecentreerd staat */
}

/* Het grote berichtveld mag wel zijn eigen hoogte behouden */
.wpforms-container textarea {
    padding: 12px !important;
}

/* Ruimte tussen de knop en het laatste vakje */
.wpforms-container .wpforms-submit-container {
    padding-top: 0px !important;
    margin-top: 10px !important;
}

/* Lettertype en grootte van de tekst IN de vakken */
.wpforms-container input[type="text"], 
.wpforms-container input[type="email"], 
.wpforms-container textarea {
    font-family: 'Lato', sans-serif !important; 
    font-size: 12px !important;        /* Pas hier de grootte aan (bijv. 12px of 11px) */
    font-weight: 400 !important; 
}
/* --- REGELS SPECIFIEK VOOR MOBIEL (TELEFOON) --- */
@media (max-width: 767px) {
    
    /* De vakken op mobiel nog platter maken */
    .wpforms-container input[type="text"], 
    .wpforms-container input[type="email"] {
        height: 22px !important;     /* Was 32px op laptop, nu korter op mobiel */
        min-height: 22px !important;
        line-height: 22px !important;
    }
    
    /* Het grote berichtveld ook iets compacter maken op mobiel */
    .wpforms-container textarea {
        height: 80px !important;    /* Voorkomt dat het tekstvak gigantisch lang is */
        padding: 8px !important;
    }

    /* De tekst in de vakken nòg een slagje kleiner op mobiel */
    .wpforms-container input[type="text"], 
    .wpforms-container input[type="email"], 
    .wpforms-container textarea {
        font-size: 11px !important; /* Maakt de letters kleiner zodat het past */
    }

    /* De verzendknop op mobiel iets compacter maken */
    .wpforms-container .wpforms-submit {
        font-size: 12px !important;
        padding: 6px 16px !important;
    }
}