/* Form Event Tracker — frontend validation styles */

.fet-invalid {
    border-color: #e74c3c !important;
    box-shadow: 0 0 0 1px #e74c3c !important;
    outline-color: #e74c3c !important;
}

.fet-error-msg {
    display: block !important;
    visibility: visible !important;
    position: absolute;
    bottom: -20px;
    width: 100%;
    flex-basis: 100%;
    grid-column: 1 / -1;
    margin: 4px 0 0;
    padding: 0;
    color: #e74c3c;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 500;
}

/* Hide native validation markup for tel/email fields where we render our own.
 * Gravity Forms keeps its native UI (we override only the message text via
 * `gform_validation` so it visually matches every other required-field error).
 * CF7 and Elementor still use our `.fet-error-msg` overlay. */

/* Contact Form 7 — SWV is already disabled per-field via .novalidate in JS, so its
 * tip shouldn't render. No CSS backup here to avoid hiding tips on other fields. */

/* Elementor — hide native help-inline specifically for tel/email field groups */
.elementor-form .elementor-field-type-tel .elementor-form-help-inline,
.elementor-form .elementor-field-type-email .elementor-form-help-inline {
    display: none !important;
}

/* Elementor — server-error message styling. `.elementor-field-group` gets
 * `position: relative` so the absolutely-positioned message anchors to its
 * own field rather than to a higher ancestor. */
.elementor-form .elementor-field-group {
    position: relative;
}

.elementor-form .elementor-message.elementor-message-danger {
    display: block !important;
    font-size: 12px !important;
    color: #d9534f;
    position: absolute;
    bottom: -35px;
}

/* Когда Elementor очистил текст ошибки (например, после успешной отправки),
 * сообщение остаётся в DOM пустым. Прячем такой пустой блок, иначе
 * `display: block !important` выше держит видимым пустой контейнер с иконкой.
 * `:empty` матчится и при наличии CSS-иконки `:before` (псевдоэлемент не
 * считается дочерним узлом), и имеет более высокую специфичность. */
.elementor-form .elementor-message.elementor-message-danger:empty {
    display: none !important;
}



.elementor-error input{
  border: 1px solid red !important;
}


.elementor-message.elementor-help-inline {
    color: red !important;
}



.gform_wrapper.gravity-theme .ginput_complex label {
    padding-top: 5px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 18px !important;
    color: var(--e-global-color-630fde7);
}