/* 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;
    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 across form plugins.
 * Our JS renders the sole error UI; this is a CSS-level backup so leftover
 * plugin messages never stack on top of ours regardless of JS timing. */

/* Gravity Forms */
.gform_wrapper .gfield--type-phone .validation_message,
.gform_wrapper .gfield--type-phone .gfield_description.instruction,
.gform_wrapper .gfield--type-phone .gfield_description.validation_message,
.gform_wrapper .gfield--type-phone .instruction.validation_message,
.gform_wrapper .gfield--type-email .validation_message,
.gform_wrapper .gfield--type-email .gfield_description.instruction,
.gform_wrapper .gfield--type-email .gfield_description.validation_message {
    display: none !important;
}

/* 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;
}