/*
 * Native form fields. No direct precedent in the m2A design reference for
 * textarea/select/checkbox/radio, so these follow the same rounded, purple-
 * accented language as the rest of the theme rather than inventing a
 * separate visual style. Excludes [class*="solea-"] elements: bespoke
 * components like the header's search input already carry full styling
 * under their own component class and must not be fought over here.
 */
body:not(.wp-admin) input[type="text"]:not([class*="solea-"]),
body:not(.wp-admin) input[type="email"]:not([class*="solea-"]),
body:not(.wp-admin) input[type="search"]:not([class*="solea-"]),
body:not(.wp-admin) input[type="tel"]:not([class*="solea-"]),
body:not(.wp-admin) input[type="number"]:not([class*="solea-"]),
body:not(.wp-admin) input[type="url"]:not([class*="solea-"]),
body:not(.wp-admin) input[type="password"]:not([class*="solea-"]),
body:not(.wp-admin) select:not([class*="solea-"]),
body:not(.wp-admin) textarea:not([class*="solea-"]) {
	width: 100%;
	min-height: 48px;
	padding: 0 20px;
	font-family: inherit;
	font-size: 0.9375rem;
	color: var(--wp--preset--color--brand-text);
	background: var(--wp--preset--color--brand-surface);
	border: 1px solid var(--wp--preset--color--brand-border);
	border-radius: 1000px;
	transition: border-color 0.25s ease, background-color 0.25s ease;
}

body:not(.wp-admin) textarea:not([class*="solea-"]) {
	min-height: 140px;
	padding: 16px 20px;
	border-radius: 16px;
	resize: vertical;
	line-height: 1.5;
}

body:not(.wp-admin) input[type="text"]:not([class*="solea-"]):focus,
body:not(.wp-admin) input[type="email"]:not([class*="solea-"]):focus,
body:not(.wp-admin) input[type="search"]:not([class*="solea-"]):focus,
body:not(.wp-admin) input[type="tel"]:not([class*="solea-"]):focus,
body:not(.wp-admin) input[type="number"]:not([class*="solea-"]):focus,
body:not(.wp-admin) input[type="url"]:not([class*="solea-"]):focus,
body:not(.wp-admin) input[type="password"]:not([class*="solea-"]):focus,
body:not(.wp-admin) select:not([class*="solea-"]):focus,
body:not(.wp-admin) textarea:not([class*="solea-"]):focus {
	border-color: var(--wp--preset--color--brand-purple-light);
	background: var(--wp--preset--color--base);
}

body:not(.wp-admin) input[type="checkbox"]:not([class*="solea-"]),
body:not(.wp-admin) input[type="radio"]:not([class*="solea-"]) {
	accent-color: var(--wp--preset--color--brand-purple);
	width: 18px;
	height: 18px;
}

body:not(.wp-admin) label:not([class*="solea-"]) {
	font-family: inherit;
	font-size: 0.9375rem;
	color: var(--wp--preset--color--brand-lavender);
}