/**
 * Vidal Form Mask for Elementor — Frontend styles.
 *
 * Only the validation error state is styled; everything else inherits from the
 * theme / Elementor field styling.
 */

.elementor-field-group .elementor-field[data-vidal-mask].vidal-mask-error {
	border-color: #e74c3c !important;
	box-shadow: 0 0 0 2px rgba( 231, 76, 60, 0.18 ) !important;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.vidal-mask-error-msg {
	display: block;
	margin-top: 5px;
	color: #e74c3c;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.4;
}