.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.375rem;
    --gf-form-gap-y: 1.375rem;
    --gf-ctrl-btn-bg-color-hover-primary: var(--wp--preset--color--secondary);
    --gf-ctrl-btn-color-hover-primary: var(--wp--preset--color--base);
    --gf-ctrl-btn-radius: 7px;
    --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-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);
    --gf-ctrl-bg-color-disabled: transparent;
}

.gform_wrapper .gsection_title {
    font-size: var(--wp--preset--font-size--large);
}

/* 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--inline .gform_fields {
    --gf-form-gap-x: 0.5em;
    --gf-form-gap-y: 0.5em;

    column-gap: var(--gf-form-gap-y);
    display: flex;
    flex-wrap: wrap;
    grid-template-columns: repeat(auto-fit, auto);

    & .gfield {
        flex-grow: 1;
    }

    & .gfield--type-submit {
        flex-shrink: 1;
    }
}

.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('../assets/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-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);
}