/*
 * WPForms-styling: overschrijft de hardcoded regels onderaan
 * plugins/td-composer/td-multi-purpose/style.css.
 * Selectors zijn bewust gelijk aan die van tagDiv (zelfde specificiteit),
 * dit bestand wint doordat het later laadt. Geen !important nodig.
 * Waarden aanpassen: alleen de variabelen hieronder.
 */
:root {
    --oo-form-accent: #c8102e;
    --oo-form-accent-hover: #000;
    --oo-form-border: #ccc;
    --oo-form-radius: 4px;
    --oo-form-text: #243442;
    --oo-form-label: #222;
    --oo-form-label-size: 14px;
    --oo-form-weight-normal: 400;
    --oo-form-weight-bold: 500;
}

/* Velden */
div.wpforms-container .wpforms-form div.wpforms-field-container .wpforms-field input,
div.wpforms-container .wpforms-form div.wpforms-field-container .wpforms-field textarea {
    border: 1px solid var(--oo-form-border);
    border-radius: var(--oo-form-radius);
    color: var(--oo-form-text);
    font-weight: var(--oo-form-weight-normal);
    padding-left: 12px;
    padding-right: 12px;
}

/* Labels */
div.wpforms-container .wpforms-form div.wpforms-field-container .wpforms-field .wpforms-field-label {
    color: var(--oo-form-label);
    font-size: var(--oo-form-label-size);
    font-weight: var(--oo-form-weight-bold);
}

/* Verzendknop */
div.wpforms-container .wpforms-form div.wpforms-submit-container button[type=submit] {
    background-color: var(--oo-form-accent);
    border-radius: var(--oo-form-radius);
}

div.wpforms-container .wpforms-form div.wpforms-submit-container button[type=submit]:hover {
    background-color: var(--oo-form-accent-hover);
}