/*
 Theme Name: AC Child Theme
 Theme URI: https://example.com/ac-child-theme
 Description: Een child theme gebaseerd op het Twenty Twenty-Five thema.
 Author: Raymond Martens
 Author URI: https://activecollective.nl
 Template: twentytwentyfive
 Version: 1.0.0
 Text Domain: ac-child
*/

/* Gravity Forms Specifieke Aanpassingen */
#gform_6 span.gfield_required {
    display: none; /* Verberg verplichte veldmarkering */
}

#gform_6 .gform_fields {
    row-gap: 10px !important; /* Voeg ruimte toe tussen velden */
}

#gform_6 .gfield_label.gform-field-label {
    margin-bottom: .5em;
    font-weight: 900; /* Maak labels vetgedrukt */
    /*margin-bottom: -1em; !* Voeg ruimte onder labels toe *!*/
    /*align-items: flex-start!important;*/
}

fieldset.gfield--type-choice {
    border-bottom: 1px solid lightgrey!important; /* Visuele scheiding toevoegen */
}

#gform_6 .ginput_container_radio .gfield_radio {
    display: inherit !important; /* Behoud standaard weergave voor betere uitlijning */
    text-align: right; /* Lijn radioknoppen rechts uit */
    padding-bottom: 10px; /* Voeg ruimte onder radioknoppen toe */
}

#gform_6 .ginput_container_radio .gfield_radio .gchoice {
    margin-left: 10px;
}

#gform_6 .gfield_label.gform-field-label {
    align-items: flex-start;
}

#gform_6 .ginput_container.ginput_container_radio .gform-field-label--type-inline {
    padding-left: 8px;
    margin-left: 0;
    /*margin-right: 10px; !* Ruimte tussen label en knop *!*/
}

/* Algemene Website Aanpassingen */
.wp-block-post-title, footer {
    display: none; /* Verberg post-titel en footer */
}

/* Marges Verminderen */
.entry-content,
#gform_wrapper_6,
.gform_description,
.wp-block-group.alignfull.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {
    margin-top: 0 !important; /* Verwijder bovenmarges */
    padding-top: 0 !important; /* Verwijder bovenste padding */
}

/* Datumkiezer Fix */
.gform-theme--framework.ui-datepicker table .ui-datepicker-today a,
.gform-theme--framework.ui-datepicker table .ui-datepicker-today span {
    background: lightblue; /* Markeer huidige datum */
}

/* Knop Uitrichten naar Rechts */
.gform-theme--foundation .gform_page_footer {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gf-form-footer-gap);
    justify-content: flex-end; /* Knop naar rechts */
}

/* HTML-Labels in Gravity Forms */
form p,
form ul {
    margin-block-start: 0; /* Verwijder extra marge boven paragraaf */
    font-size: 16px!important; /* Pas lettergrootte aan */
}

/* Lijstitems in Gravity Forms */
form li {
    margin-bottom: .5em;
}

/* Aangepaste kleur voor lijstmarkeringen */
form li::marker {
    color: var(--gf-ctrl-btn-bg-color-primary); /* Pas kleur aan */
}

/* Pas de breedte aan van de variabele */
#gform_page_6_2,
#gform_page_6_3 {
    --gf-label-width: 60%!important;
}

/* Alleen-lezen met CSS */
.readonly input,
input.readonly {
    background-color: #f3f3f3!important;
    pointer-events: none!important;
    cursor: not-allowed!important;
    color: grey!important;
}