/* Fallback styling for Forminator forms when the per-form inline <style>
   block isn't injected. Theme colors: brown #8E5F25, blue #0E5271. */

/* Radio buttons — style the .forminator-radio-bullet element */
.forminator-ui.forminator-custom-form[data-design=flat] .forminator-radio .forminator-radio-bullet {
    display: inline-block;
    width: 20px;
    height: 20px;
    min-width: 20px;
    margin-right: 0.75rem;
    background: #fff;
    border: 2px solid #b0b0b0;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    vertical-align: middle;
    flex-shrink: 0;
    transition: border-color 0.15s ease;
}
.forminator-ui.forminator-custom-form[data-design=flat] .forminator-radio input[type="radio"]:checked + .forminator-radio-bullet,
.forminator-ui.forminator-custom-form[data-design=flat] .forminator-radio.forminator-is-checked .forminator-radio-bullet,
.forminator-ui.forminator-custom-form[data-design=flat] .forminator-radio--selected .forminator-radio-bullet {
    border-color: #8E5F25;
}
.forminator-ui.forminator-custom-form[data-design=flat] .forminator-radio input[type="radio"]:checked + .forminator-radio-bullet::after,
.forminator-ui.forminator-custom-form[data-design=flat] .forminator-radio.forminator-is-checked .forminator-radio-bullet::after,
.forminator-ui.forminator-custom-form[data-design=flat] .forminator-radio--selected .forminator-radio-bullet::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    background: #8E5F25;
    border-radius: 50%;
}

/* Checkboxes — show the box */
.forminator-ui.forminator-custom-form input[type="checkbox"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    margin: 0 0.75rem 0 0 !important;
    background: #fff !important;
    border: 2px solid #b0b0b0 !important;
    border-radius: 3px !important;
    cursor: pointer;
    position: relative;
    vertical-align: middle;
    flex-shrink: 0;
}
.forminator-ui.forminator-custom-form input[type="checkbox"]:checked {
    background: #8E5F25 !important;
    border-color: #8E5F25 !important;
}
.forminator-ui.forminator-custom-form input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    top: 1px;
    left: 5px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* Progress bar — the brown fill needs to reflect width, not span full row.
   Forminator sets the inner element's width inline (e.g. style="width:20%").
   The outer wrapper must be the gray track, the inner is the brown fill. */
.forminator-ui.forminator-custom-form .forminator-pagination-steps-progress,
.forminator-ui.forminator-custom-form .forminator-progress,
.forminator-ui.forminator-custom-form .forminator-progress-bar {
    display: block;
    width: 100%;
    height: 8px;
    background: #e6edf1 !important;
    border-radius: 4px;
    overflow: hidden;
    padding: 0 !important;
}
.forminator-ui.forminator-custom-form .forminator-pagination-steps-progress > *,
.forminator-ui.forminator-custom-form .forminator-progress > *,
.forminator-ui.forminator-custom-form .forminator-progress-bar > * {
    display: block;
    height: 100%;
    background: #8E5F25 !important;
    border-radius: 4px;
    transition: width 0.3s ease;
}