/**
 * Aloxovn Contact - trạng thái tối thiểu cho form của Theme.
 *
 * Mọi selector bọc trong :where() (specificity = 0) và chỉ nhắm vào thuộc tính
 * data-aloxovn-* của plugin, nên CSS của Theme luôn được ưu tiên.
 * Không style form, input, select, textarea, button hay layout chung.
 */

:where([data-aloxovn-message]:empty) {
	display: none;
}

:where([data-aloxovn-message]) {
	margin-top: 0.75em;
}

:where([data-aloxovn-message].is-success) {
	color: #1e7e34;
}

:where([data-aloxovn-message].is-error) {
	color: #b32d2e;
}

:where([data-aloxovn-message] ul) {
	margin: 0.4em 0 0 1.2em;
	padding: 0;
}

:where(form[data-aloxovn-contact].is-loading [type="submit"], form[data-aloxovn-contact].is-loading button:not([type])) {
	cursor: progress;
	opacity: 0.7;
}