.elementor-698 .elementor-element.elementor-element-9c9d6a1{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-698 .elementor-element.elementor-element-65f8883 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-698 .elementor-element.elementor-element-df44b2a{--display:flex;}.elementor-698 .elementor-element.elementor-element-96340d6{padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-698 .elementor-element.elementor-element-df44b2a{--content-width:1375px;}}/* Start custom CSS for robok_contact_us_widget, class: .elementor-element-65f8883 *//* WRKSPCE - Contactformulier intro wit */
.elementor-698 .elementor-element.elementor-element-65f8883 .contact-form-card .subtitle {
    color: #ffffff !important;
}

.elementor-698 .elementor-element.elementor-element-65f8883 .contact-form-card > p {
    color: #ffffff !important;
}
/* WRKSPCE - Tekst en placeholders contactformulier wit */
.elementor-698 .elementor-element.elementor-element-65f8883 .contact-form-card .wpcf7-form input,
.elementor-698 .elementor-element.elementor-element-65f8883 .contact-form-card .wpcf7-form textarea {
    color: #ffffff !important;
}

.elementor-698 .elementor-element.elementor-element-65f8883 .contact-form-card .wpcf7-form input::placeholder,
.elementor-698 .elementor-element.elementor-element-65f8883 .contact-form-card .wpcf7-form textarea::placeholder {
    color: #ffffff !important;
    opacity: 1 !important;
}
/* WRKSPCE - Contact iconen zwart */
.elementor-698 .elementor-element.elementor-element-65f8883 .contact-style-one-info ul li .icon {
    background: transparent !important;
}

.elementor-698 .elementor-element.elementor-element-65f8883 .contact-style-one-info ul li .icon i {
    background-color: #20201e !important;
    color: #ffffff !important;
}
/* WRKSPCE - Contactgegevens uitlijnen met kop */
.elementor-698 .elementor-element.elementor-element-65f8883 .contact-style-one-info ul {
    margin-left: -20px !important;
}

/* WRKSPCE - Dropdown contactformulier */
.elementor-698 .elementor-element.elementor-element-65f8883 .contact-form-card .wpcf7-form select.form-control {
    width: 100% !important;
    height: 54px !important;
    min-height: 54px !important;

    padding: 0 46px 0 16px !important;

    font-size: 16px !important;
    line-height: 54px !important;

    border-radius: 6px !important;
    cursor: pointer;

    /* Browser-select consistent uitlijnen */
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;

    /* Eigen pijl */
    background-image:
        linear-gradient(45deg, transparent 50%, #20201e 50%),
        linear-gradient(135deg, #20201e 50%, transparent 50%) !important;
    background-position:
        calc(100% - 19px) 24px,
        calc(100% - 14px) 24px !important;
    background-size: 5px 5px, 5px 5px !important;
    background-repeat: no-repeat !important;
}

/* Focus volgens WRKSPCE UI */
.elementor-698 .elementor-element.elementor-element-65f8883 .contact-form-card .wpcf7-form select.form-control:focus {
    outline: none !important;
    border-color: #3765ff !important;
    box-shadow: 0 0 0 3px rgba(55, 101, 255, 0.15) !important;
}
/* =========================================================
   WRKSPCE - Contactvoorkeur
   ========================================================= */

.elementor-698 .elementor-element.elementor-element-65f8883 .contact-preference-group {
    margin-top: 6px;
    margin-bottom: 30px;
}

/* Vraag boven de keuzes */
.elementor-698 .elementor-element.elementor-element-65f8883 .contact-preference-label {
    margin-bottom: 14px;

    color: #ffffff !important;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 600;
}

/* Container met de drie opties */
.elementor-698 .elementor-element.elementor-element-65f8883 .contact-preference-group .wpcf7-radio {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    gap: 10px !important;

    width: 100%;
}

/* CF7 wrapper reset */
.elementor-698 .elementor-element.elementor-element-65f8883 .contact-preference-group .wpcf7-list-item {
    display: flex !important;
    align-items: stretch !important;

    margin: 0 !important;
}

/* De daadwerkelijke keuze-card */
.elementor-698 .elementor-element.elementor-element-65f8883 .contact-preference-group .wpcf7-list-item label {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;

    min-height: 48px;

    margin: 0 !important;
    padding: 11px 14px !important;

    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 7px;

    cursor: pointer;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

/* Radio volledig resetten van Robok input styling */
.elementor-698 .elementor-element.elementor-element-65f8883 .contact-preference-group input[type="radio"] {
    -webkit-appearance: radio !important;
    appearance: auto !important;

    display: inline-block !important;
    position: static !important;

    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;

    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;

    flex: 0 0 18px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 50% !important;

    background: none !important;
    box-shadow: none !important;

    transform: none !important;

    accent-color: #3765ff;
    cursor: pointer;
}

/* Tekst */
.elementor-698 .elementor-element.elementor-element-65f8883 .contact-preference-group .wpcf7-list-item-label {
    color: #ffffff !important;

    font-size: 14px;
    line-height: 1.3;
    font-weight: 500;

    white-space: nowrap;
}

/* Hover */
.elementor-698 .elementor-element.elementor-element-65f8883 .contact-preference-group .wpcf7-list-item label:hover {
    background: rgba(55, 101, 255, 0.07);
    border-color: rgba(55, 101, 255, 0.55);
}

/* Geselecteerde kaart */
.elementor-698 .elementor-element.elementor-element-65f8883 .contact-preference-group .wpcf7-list-item label:has(input[type="radio"]:checked) {
    background: rgba(55, 101, 255, 0.10);
    border-color: #3765ff;

    box-shadow:
        inset 0 0 0 1px rgba(55, 101, 255, 0.18);
}

/* Keyboard focus */
.elementor-698 .elementor-element.elementor-element-65f8883 .contact-preference-group .wpcf7-list-item label:has(input[type="radio"]:focus-visible) {
    outline: 2px solid rgba(55, 101, 255, 0.65);
    outline-offset: 2px;
}


/* =========================================================
   MOBIEL
   ========================================================= */

@media (max-width: 767px) {

    .elementor-698 .elementor-element.elementor-element-65f8883 .contact-preference-group .wpcf7-radio {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    .elementor-698 .elementor-element.elementor-element-65f8883 .contact-preference-group .wpcf7-list-item {
        width: 100% !important;
    }

    .elementor-698 .elementor-element.elementor-element-65f8883 .contact-preference-group .wpcf7-list-item label {
        width: 100% !important;
        min-height: 46px;
    }

}/* WRKSPCE - Dropdown mobiel optimaliseren */
@media (max-width: 767px) {
    .elementor-698 .elementor-element.elementor-element-65f8883 .contact-form-card .wpcf7-form select.form-control {
        height: 52px !important;
        min-height: 52px !important;

        padding: 0 34px 0 12px !important;

        font-size: 14px !important;
        line-height: 52px !important;

        background-position:
            calc(100% - 16px) 23px,
            calc(100% - 11px) 23px !important;
    }
}/* End custom CSS */