/* WebMCP per a Contact Form 7 */

:root {
	--wcat-webmcp-accent: #bb319f;
	--wcat-webmcp-submit: #28a514;
	--wcat-webmcp-notice-bg: #fbeef8;
}

.wcat-webmcp-notice {
	margin: 0 0 1.25em;
	padding: 0.75em 1em;
	border-left: 4px solid var(--wcat-webmcp-accent);
	background: var(--wcat-webmcp-notice-bg);
	color: inherit;
	line-height: 1.5;
}

/*
 * Pseudoclasses de WebMCP. Cada una va en una regla separada: un navegador
 * que no les reconegui només descarta aquella regla.
 */
form[data-wcat-webmcp]:tool-form-active {
	outline: 2px dashed var(--wcat-webmcp-accent);
	outline-offset: 6px;
}

form[data-wcat-webmcp] :tool-submit-active {
	outline: 2px solid var(--wcat-webmcp-submit);
	outline-offset: 2px;
}