/**
 * Theme form primitives.
 */

label {
	display: inline-block;
	margin-bottom: 0.35rem;
	color: var(--tw-heading);
	font-size: 0.9rem;
	font-weight: 700;
}

input:not([type="checkbox"], [type="radio"], [type="submit"]),
select,
textarea {
	width: 100%;
	min-height: 48px;
	padding: 0.7rem 0.85rem;
	border: 1px solid var(--tw-input-border);
	border-radius: var(--tw-radius-sm);
	background: var(--tw-input-bg);
	color: var(--tw-input-text);
	font-size: 1rem;
}

textarea {
	min-height: 140px;
	resize: vertical;
}

input:not([type="checkbox"], [type="radio"], [type="submit"]):focus,
select:focus,
textarea:focus {
	border-color: var(--tw-input-focus);
	box-shadow: var(--tw-focus-ring);
	outline: 0;
}

input::placeholder,
textarea::placeholder {
	color: var(--tw-input-placeholder);
	opacity: 1;
}

select {
	color-scheme: inherit;
}

input[type="checkbox"],
input[type="radio"] {
	accent-color: var(--tw-accent);
}

:where(input, select, textarea):disabled {
	cursor: not-allowed;
	opacity: 0.58;
}

:where(input, select, textarea)[aria-invalid="true"] {
	border-color: var(--tw-error);
}

.search-form {
	display: flex;
	width: min(100%, 560px);
	gap: 0.65rem;
}

.search-form label {
	flex: 1 1 auto;
	margin: 0;
}

.search-submit {
	flex: 0 0 auto;
}

.comment-form > p {
	margin-bottom: 1rem;
}
.tw-child-recaptcha-disclosure {
	max-width: 70ch;
	margin: 10px 0 0;
	color: var(--tw-color-text-muted);
	font-size: 0.72rem;
	line-height: 1.5;
}

.tw-child-recaptcha-disclosure a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 2px;
}