/*
 * ==========================================================================
 * #INTEGRATION: Gravity Forms — ZHM-X v3.0.0
 * All values sourced from _variables-components.css Design System.
 * ==========================================================================
 */

/* Base Rule for all Gravity Forms */
.gform_wrapper.gravity-theme .gform_required_legend {
    display: none !important;
}

/*
 * ---------------------------------------------------------------------------
 * DEFINITIVE CONFLICT RESOLUTION
 * These rules ONLY apply when the .gf-in-modal class is added by JavaScript.
 * ---------------------------------------------------------------------------
 */


.gform_wrapper.gf-in-modal .gform_footer input[type="submit"],
.gform_wrapper.gf-in-modal #field_submit input[type="submit"] {
    font-family: var(--font-family-base);
    font-size: var(--btn-font-size);
    font-weight: var(--btn-font-weight);
    line-height: var(--btn-line-height);
    letter-spacing: var(--btn-letter-spacing);
    color: var(--sys-color-neutral-0) !important;
    background: linear-gradient(
        135deg,
        var(--sys-color-primary) 0%,
        var(--sys-color-primary-dark) 100%
    ) !important;
    border: none !important;
    border-radius: var(--btn-border-radius) !important;
    padding: var(--btn-padding-y) var(--btn-padding-x) !important;
    cursor: pointer !important;
    transition: transform var(--btn-transition),
                box-shadow var(--btn-transition) !important;
    outline: none !important;
    transform: none !important;
    box-shadow: var(--sys-shadow-strong) !important;
}

.gform_wrapper.gf-in-modal .gform_footer input[type="submit"]:hover,
.gform_wrapper.gf-in-modal #field_submit input[type="submit"]:hover {
    background: linear-gradient(
        135deg,
        var(--sys-color-primary-dark) 0%,
        var(--sys-color-primary) 100%
    ) !important;
    transform: translateY(-2px) !important;
    box-shadow: var(--sys-shadow-strong-hover) !important;
}

.gform_wrapper.gf-in-modal .gform_footer input[type="submit"]:focus-visible,
.gform_wrapper.gf-in-modal #field_submit input[type="submit"]:focus-visible {
    outline: 2px solid var(--sys-color-primary) !important;
    outline-offset: 2px !important;
}

.gform_wrapper.gf-in-modal .gform_footer input[type="submit"]:active,
.gform_wrapper.gf-in-modal #field_submit input[type="submit"]:active {
    transform: translateY(0) !important;
    box-shadow: var(--sys-shadow-soft) !important;
}