.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: 2rem;
    --gf-field-gap-x: 1.5rem;
    --gf-field-gap-y: 2rem;
    --gf-ctrl-btn-border-color-primary: var(--gf-color-primary);
    --gf-ctrl-btn-bg-color-primary: transparent;
    --gf-ctrl-btn-color-primary: var(--gf-color-primary);
    --gf-ctrl-btn-bg-color-hover-primary: var(--gf-color-primary);
    --gf-ctrl-btn-color-hover-primary: var(--gf-color-primary-contrast);
    --gf-ctrl-btn-radius: 30px;
    --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--base);
    --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-file-btn-color-hover: var(--wp--preset--color--primary);
    --gf-ctrl-accent-color: var(--wp--preset--color--primary);
    --gf-ctrl-choice-check-color: var(--gf-color-primary);
    --gf-ctrl-select-icon: none;
    --gf-ctrl-shadow: none;
    --gf-field-section-border-color: var(--wp--preset--color--accent);
    --gf-ctrl-outline-color-focus: var(--wp--preset--color--accent);
    --gf-ctrl-btn-bg-color-hover-secondary: var(--wp--preset--color--accent);
}

/* footer submit button - align right */
.gform_wrapper .gform_footer {
    justify-content: flex-end;
}

/* inline submit button - align right */
.gform_wrapper .gform_fields .gfield--type-submit {
    justify-content: flex-end;
}

.gform_wrapper .gform_fields .gfield {
    & input:not([type=checkbox], [type=radio], [type=submit], [type=button]),
    & textarea,
    & select {
        border-left: none !important;
        border-right: none !important;
        border-top: none !important;
    }
}

.gform--remove-legend_wrapper .gform_required_legend {
    display: none;
}

.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: currentcolor;
        content: '';
        display: block;
        height: 0.8rem;
        mask-image: url("data:image/svg+xml,%3Csvg width='24' height='14' viewBox='0 0 24 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.8962 12.8246L0.276191 1.67857C0.0989013 1.49259 0 1.24551 0 0.988564C0 0.731624 0.0989013 0.484542 0.276191 0.298566L0.288191 0.286565C0.374137 0.196095 0.47759 0.124056 0.592256 0.0748281C0.706922 0.0256004 0.830404 0.000214577 0.955191 0.000214577C1.07998 0.000214577 1.20346 0.0256004 1.31813 0.0748281C1.43279 0.124056 1.53624 0.196095 1.62219 0.286565L11.6222 10.7826L21.6182 0.286565C21.7041 0.196095 21.8076 0.124056 21.9223 0.0748281C22.0369 0.0256004 22.1604 0.000214577 22.2852 0.000214577C22.41 0.000214577 22.5335 0.0256004 22.6481 0.0748281C22.7628 0.124056 22.8662 0.196095 22.9522 0.286565L22.9642 0.298566C23.1415 0.484542 23.2404 0.731624 23.2404 0.988564C23.2404 1.24551 23.1415 1.49259 22.9642 1.67857L12.3442 12.8246C12.2508 12.9226 12.1385 13.0006 12.014 13.0539C11.8896 13.1073 11.7556 13.1348 11.6202 13.1348C11.4848 13.1348 11.3508 13.1073 11.2264 13.0539C11.1019 13.0006 10.9896 12.9226 10.8962 12.8246Z' fill='currentColor'/%3E%3C/svg%3E%0A");
        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-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--accent);
    color: var(--wp--preset--color--contrast);
}
