/**
 * Frontend custom field overlays (select / date picker).
 * Must sit above the catalog booking popup (z-index: 100050).
 */
.bw-booking-field-popper,
.el-popper.bw-booking-field-popper,
.el-select__popper.bw-booking-field-popper,
.el-picker__popper.bw-booking-field-popper,
body.bw-fp-booking-modal-open .bw-booking-field-popper,
body.bw-fp-booking-modal-open .el-popper,
body.bw-fp-booking-modal-open .el-select__popper,
body.bw-fp-booking-modal-open .el-picker__popper {
    z-index: 100120 !important;
}

/* Match checkbox / radio / dropdown / date text to booking content size */
.bw-step-details .el-checkbox__label,
.bw-step-details .el-radio__label,
.bw-step-details .el-select__wrapper,
.bw-step-details .el-select__selected-item,
.bw-step-details .el-select__placeholder,
.bw-step-details .el-date-editor {
    font-size: var(--bw-content-text-size, 14px) !important;
}

.bw-booking-field-popper .el-select-dropdown__item,
.bw-booking-field-popper .el-picker-panel__content {
    font-size: var(--bw-content-text-size, 14px) !important;
}

/* Checked custom-field checkboxes use booking primary color */
.bw-step-details .el-checkbox__input.is-checked .el-checkbox__inner,
.bw-step-details .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: var(--bw-primary-color, #044343) !important;
    border-color: var(--bw-primary-color, #044343) !important;
}

.bw-step-details .el-checkbox__input.is-checked + .el-checkbox__label {
    color: var(--bw-primary-color, #044343) !important;
}