/**
 * WP Email Typo Detection – front-end suggestion UI.
 *
 * @package WP_Email_Typo_Detection
 */

.wp-etd-suggestion {
	display: block;
	margin-top: 0.35em;
	font-size: 0.9em;
	line-height: 1.4;
}

.wp-etd-suggestion-label {
	color: inherit;
	opacity: 0.9;
}

.wp-etd-suggestion-link {
	display: inline;
	margin: 0;
	padding: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	color: #2271b1;
	background: none;
	border: none;
	border-bottom: 1px solid currentColor;
	cursor: pointer;
	text-decoration: none;
}

.wp-etd-suggestion-link:hover {
	color: #135e96;
	text-decoration: none;
}

.wp-etd-suggestion-link:focus {
	outline: 2px solid #2271b1;
	outline-offset: 2px;
}

/* Ensure suggestion is not confused with Gravity Forms validation message */
.gfield.gfield_error .wp-etd-suggestion {
	margin-top: 0.25em;
}