/*
 * Front-end styles for the Is It Disposable universal client-side layer.
 *
 * Scoped entirely under .isid-message so nothing here ever touches a host
 * theme's own styles. Both message colors were chosen against a white
 * background and hold Web Content Accessibility Guidelines (WCAG) AA
 * contrast there (docs/prd.md section 5.4).
 */

.isid-message {
	display: block;
	margin-top: 4px;
	font-size: 0.875em;
}

.isid-message--block {
	color: #b32d2e;
}

.isid-message--warn {
	color: #755100;
}

/*
 * Guard for the cleared state: browsers hide [hidden] elements by default,
 * but a theme that restyles the message class with a display of its own
 * would otherwise override that. Scoped to this plugin's own element, never
 * the bare attribute, so no other element on the page is touched.
 */
.isid-message[hidden] {
	display: none;
}

/*
 * The click-to-fix suggestion button (docs/prd.md section 3): styled as
 * inline text so it reads as part of the message, not as a separate widget.
 * font and color are inherited from .isid-message rather than set here, so
 * it always matches whichever of --block or --warn (or neither, for a
 * suggestion riding on a clean allow) is currently applied. The focus
 * outline is left alone: it is still a real, keyboard-operable button.
 */
.isid-message__suggestion {
	background: none;
	border: none;
	margin-left: 4px;
	padding: 0;
	font: inherit;
	color: inherit;
	text-decoration: underline;
	cursor: pointer;
}