/* Email Typo Guard banner — palette tuned to morinfridman.co.il
 * Brand colors:
 *   #264933 forest-green (primary text/CTA)
 *   #EDD7C8 warm cream (soft fill)
 *   #AA8775 muted terracotta (secondary accent / borders)
 *   #DCB097 pale clay (hover)
 *   #F3F4ED pale sage cream (default banner background)
 */
.etg-suggest {
	margin: 8px 0 10px;
	padding: 10px 14px;
	font-size: 14px;
	line-height: 1.5;
	background: #F3F4ED;
	border: 1px solid #AA8775;
	border-radius: 10px;
	color: #264933;
}
.etg-suggest .etg-suggestion {
	font-weight: 600;
	text-decoration: underline;
	color: #264933;
}
.etg-suggest button {
	background: #264933;
	color: #FFFFFF;
	border: 0;
	border-radius: 999px;
	padding: 6px 14px;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	margin: 0 4px;
	transition: background-color 0.15s ease;
}
.etg-suggest button:hover {
	background: #1c3625;
}
.etg-suggest button.etg-dismiss {
	background: transparent;
	color: #264933;
	text-decoration: underline;
	padding: 6px 8px;
	font-weight: 400;
}
.etg-suggest button.etg-dismiss:hover {
	background: transparent;
	color: #AA8775;
}
[dir="rtl"] .etg-suggest { text-align: right; }

/* Hard-blocked variant — warm-red banner background to signal danger,
 * but the CTA stays brand-green for high contrast and readability. */
.etg-suggest.etg-blocked {
	background: #FBE9E2;
	border-color: #C97A65;
	color: #7A2E1F;
}
/* Suggestion link + Apply button stay #264933 (forest green) inherited
 * from base rules — green-on-cream is readable, red-on-pinkish was not. */