/* Inline form error tooltip */

.has-form-error {
	position: relative;
}

.form-error-tooltip {
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
	background-color: var(--bulma-danger);
	color: #fff;
	font-size: 0.8rem;
	font-weight: 500;
	padding: 0.3rem 0.6rem;
	border-radius: 4px;
	white-space: nowrap;
	pointer-events: none;
}

.form-error-tooltip::after {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border: 5px solid transparent;
	border-top-color: var(--bulma-danger);
}