/*
Theme Name: Divi Child
Theme URI: https://diviextended.com/
Version: 1.0
Description: Child Theme of Divi
Author: Divi Extended
Template: Divi
*/
@import url("../Divi/style.css");


/* Divi WPForms confirmation message override */
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-confirmation-container-full {
    background: #f8f9fa !important;
    border: 2px solid #28a745 !important;
    border-radius: 16px !important;
    padding: 20px !important;
    text-align: center !important;
}

.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-confirmation-container-full p {
    color: #155724 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    margin: 0 !important;
}

/* =============================================================================
   WPForms Styling - Vacature Formulier
   ========================================================================== */

/* WPForms Submit Container - Button centreren */
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-submit-container {
    text-align: center !important;
}

/* =============================================================================
   WPForms Styling - Vacature Formulier
   ========================================================================== */

/* WPForms Submit Container - Button centreren */
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-submit-container {
    text-align: center !important;
}

/* WPForms Submit Button - Custom Styling */
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-submit {
    background: #D3A97A !important;
    border: none !important;
    border-radius: 16px !important;
    color: #ffffff !important;
    font-family: inherit !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    padding: 12px 20px !important;
    text-transform: none !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    box-shadow: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    min-height: 48px !important;
}

/* Hover effect - Zwart */
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-submit:hover {
    background: #000000 !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2) !important;
}

/* Focus state */
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-submit:focus {
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(211, 169, 122, 0.3) !important;
}

/* Form fields styling */
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field input[type=text],
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field input[type=email],
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field select {
    border: 1px solid #ddd !important;
    border-radius: 16px !important;
    padding: 12px !important;
    font-size: 14px !important;
    transition: border-color 0.3s ease !important;
}

/* Textarea styling - Hoger voor alinea's */
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field textarea {
    border: 1px solid #ddd !important;
    border-radius: 16px !important;
    padding: 12px !important;
    font-size: 14px !important;
    transition: border-color 0.3s ease !important;
    min-height: 120px !important;
    resize: vertical !important;
}

/* Focus state form fields */
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field input:focus,
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field textarea:focus,
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field select:focus {
    border-color: #d4aa7b !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(211, 169, 122, 0.2) !important;
}


/* Border radius 16px voor ALLE WPForms */
.wpforms-form input[type="text"],
.wpforms-form input[type="email"], 
.wpforms-form input[type="tel"],
.wpforms-form input[type="url"],
.wpforms-form input[type="number"],
.wpforms-form input[type="date"],
.wpforms-form input[type="password"],
.wpforms-form textarea,
.wpforms-form select,
.wpforms-form .wpforms-uploader {
    border-radius: 16px !important;
}

.wpforms-form .wpforms-submit {
    border-radius: 16px !important;
}

/* Border radius 16px voor ALLE andere formulieren ook */
form input[type="text"],
form input[type="email"], 
form input[type="tel"],
form input[type="url"],
form input[type="number"],
form input[type="date"],
form input[type="password"],
form textarea,
form select,
form .wpforms-uploader {
    border-radius: 16px !important;
}

form input[type="submit"],
form button[type="submit"] {
    border-radius: 16px !important;
}


/* Choices.js dropdown styling - Border radius 16px */
.choices__inner,
.choices__list--dropdown,
.choices__item,
.choices__placeholder {
    border-radius: 16px !important;
}

.choices__inner {
    border-radius: 16px !important;
}

/* Choices.js dropdown - Focus state rood */
.choices.is-focused .choices__inner,
.choices__inner:focus,
.choices__item--selectable.is-highlighted {
    outline: 1px solid #D3A97A !important;
    outline-offset: 0px !important;
    border-color: #D3A97A !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5) !important;
}

/* Choices.js item - geen blauwe highlight */
.choices__item--selectable.is-highlighted {
    background-color:rgba(212, 170, 123, 0.31) !important;
    color: #333 !important;
}

/* Choices.js - algemene styling */
.choices__list--dropdown .choices__item {
    border-radius: 8px !important;
    margin: 2px 0 !important;
}