/* ==========================================================================
   WC Artisan Tools — Commission Form (Frontend)
   Additional styles beyond the block's style.css for frontend-only concerns.
   ========================================================================== */

/* Screen reader text — hidden visually, available to assistive tech */
.wcat-commission-form .screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* Required marker — ensure contrast on any background.
   The asterisk is aria-hidden; screen readers get the
   aria-required attribute on the input instead. */
.wcat-commission-form .required {
	color: var(--wp--preset--color--vivid-red, #d63638);
	font-weight: 400;
}

/* Submit button states */
.wcat-commission-form__submit .wp-element-button:hover {
	opacity: 0.9;
}

/* Error auto-scroll: when the form re-renders with an error,
   scroll to it so the user sees the message. */
.wcat-commission-form__error {
	scroll-margin-top: 2rem;
}