.gform-theme--api,
.gform-theme--framework {
    --gf-ctrl-date-picker-bg-color: var(--wp--preset--color--base) !important;
    --gf-ctrl-date-picker-cell-content-color: var(--wp--preset--color--contrast) !important;
    --gf-ctrl-date-picker-header-icons-color: var(--wp--preset--color--contrast) !important;
    --gf-field-pg-prog-bar-bg-color-blue: var(--wp--preset--color--primary) !important;
}

.gform_wrapper.gform-theme--api,
.gform_wrapper.gform-theme--foundation {
    --gf-form-gap-x: 1.5rem;
    --gf-form-gap-y: 1.5rem;
    --gf-ctrl-radius: 13px;
    --gf-ctrl-btn-bg-color-hover-primary: var(--wp--preset--color--secondary);
    --gf-ctrl-btn-color-hover-primary: var(--wp--preset--color--contrast);
    --gf-ctrl-btn-radius: 4rem;
    --gf-ctrl-checkbox-check-radius: 5px;
    --gf-ctrl-btn-bg-color-ctrl: var(--gf-color-primary);
    --gf-ctrl-btn-bg-color-hover-ctrl: var(--wp--preset--color--secondary);
    --gf-ctrl-file-zone-icon-color: var(--gf-color-primary);
    --gf-ctrl-file-btn-color: var(--wp--preset--color--contrast);
    --gf-ctrl-file-btn-bg-color: var(--gf-color-primary);
    --gf-ctrl-file-btn-bg-color-hover: var(--wp--preset--color--secondary) !important;
    --gf-ctrl-accent-color: var(--wp--preset--color--primary);
    --gf-ctrl-choice-check-color: var(--gf-color-primary);
    --gf-ctrl-select-icon: none;
    --gf-field-section-border-color: var(--wp--preset--color--primary);
    --gf-ctrl-outline-color-focus: var(--wp--preset--color--custom-low-opacity-green);
    --gf-ctrl-btn-bg-color-hover-secondary: var(--wp--preset--color--custom-low-opacity-green);
    --gf-ctrl-shadow: none;
    --gf-ctrl-file-zone-padding-x: 1.5rem;
    --gf-ctrl-file-zone-padding-y: 1rem;
}

.gform--remove-legend_wrapper .gform_required_legend {
    display: none;
}

.gform_wrapper .gfield--type-choice .gform-field-label {
    display: block;

    * .gfield_required {
        margin-left: 3px;
    }
}

.gform_wrapper .gform--inline-radio .gfield--type-choice .gfield_radio {
    display: flex;
    flex-direction: row !important;
    flex-wrap: wrap;
}

.gform_wrapper .gform_fields .gfield {
    & input:not([type=file], [type=radio], [type=checkbox], [type=submit]),
    & select,
    & textarea {
        border-left: 0;
        border-right: 0;
        border-top: 0;
    }
}

.gform_wrapper .gform_fields .gfield:not(.gfield--type-multiselect) select option {
    color: black;
}

.gform_wrapper .gform_fields .gfield .ginput_container_select {
    position: relative;

    &::after {
        background-color: var(--gf-ctrl-color);
        content: '';
        display: block;
        height: 0.8rem;
        mask-image: url('../icons/chevron-down.svg');
        mask-position: center;
        mask-repeat: no-repeat;
        mask-size: contain;
        pointer-events: none;
        position: absolute;
        right: 0.5rem;
        top: 50%;
        transform: translateY(-50%);
        width: 0.8rem;
    }
}

.gform_wrapper .gform_fields .gform_fileupload_multifile .gform_drop_area {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 2rem;
    justify-content: center;
    position: relative;

    &::before {
        margin: 0;
    }

    & .gform_drop_instructions {
        margin: 0;
    }
}

.gform_wrapper .gform_footer {
    justify-content: flex-end;
}

.gform-theme--framework.ui-datepicker select.ui-datepicker-month,
.gform-theme--framework.ui-datepicker select.ui-datepicker-year {
    --gf-icon-ctrl-select: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.097631 1.31658 -0.097631 1.70711 0.292893L5 3.58579L8.29289 0.292893C8.68342 -0.0976311 9.31658 -0.0976311 9.70711 0.292893C10.0976 0.683417 10.0976 1.31658 9.70711 1.70711L5.70711 5.70711C5.31658 6.09763 4.68342 6.09763 4.29289 5.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893Z' fill='rgba(0, 0, 0, 0.65)'/%3E%3C/svg%3E");

    border-color: var(--wp--preset--color--contrast);
    color: var(--wp--preset--color--contrast);
}
