/** Compatibility with WPForms Lite **/

@import '../../../assets/sass/config';
@import '../../../assets/sass/mixins';
@import '../../../assets/sass/direction';

// Checkbox, Radiobox
.wpforms-field-checkbox,
.wpforms-field-radio {
    .wpforms-field-label-inline {
        cursor: pointer;
    }

    input[type="radio"]:checked {
        background-color: #fff;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%2333'/%3e%3c/svg%3e")
    }
}

.wpforms-container .wpforms-field-checkbox input[type="checkbox"]:checked {
    background-color: var(--wolmart-dark-color, $dark-color);
    border-color: var(--wolmart-dark-color, $dark-color);
    color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}