/* CF7 phone validation tips — visible, layout-safe (absolute, no grid shift). */

.wpcf7-form .wpcf7-form-control-wrap.sphere-phone-wrap {
	position: relative;
}

.wpcf7-form .wpcf7-form-control-wrap.sphere-phone-wrap .wpcf7-not-valid-tip {
	position: absolute !important;
	top: calc(100% + 0.2rem);
	left: 0;
	right: 0;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
	clip: auto !important;
	white-space: normal !important;
	border: 0 !important;
	font-size: 0.6875rem;
	line-height: 1.25;
	font-weight: 500;
	z-index: 4;
	pointer-events: none;
}

/* Dark compare panel — white warning copy (matches design). */
#prism-compare .wpcf7-form-control-wrap.sphere-phone-wrap .wpcf7-not-valid-tip {
	color: #fff !important;
}

/* Light form cards — readable contrast without changing global error styles. */
.sphere-home.sphere-demo-page .sdemo-form-card .wpcf7-form-control-wrap.sphere-phone-wrap .wpcf7-not-valid-tip,
.sphere-home.sphere-career-details-page .scdet-form .wpcf7-form-control-wrap.sphere-phone-wrap .wpcf7-not-valid-tip {
	color: var(--sdemo-orange, var(--scdet-orange, #e54225)) !important;
}

.wpcf7-form input[type="tel"].wpcf7-not-valid,
.wpcf7-form input.wpcf7-tel.wpcf7-not-valid,
.wpcf7-form input.sphere-phone-field.wpcf7-not-valid {
	border-color: var(--sphere-orange, #e54225) !important;
}