/**
 * Testimonial submission forms (modal + page template).
 * Hesham Saad · https://heshamsaad.com
 */

.hs-required-mark {
	margin-inline-start: 0.15rem;
	font-weight: 700;
	line-height: 1;
}

[data-hs-field-wrap].hs-field-has-error label {
	color: var(--destructive);
}

[data-hs-field-wrap].hs-field-has-error input:not([type='hidden']):not([type='radio']):not([type='checkbox']),
[data-hs-field-wrap].hs-field-has-error textarea,
[data-hs-field-wrap].hs-field-has-error select {
	border-color: var(--destructive) !important;
	box-shadow: 0 0 0 2px color-mix(in oklab, var(--destructive) 22%, transparent);
}

[data-hs-field-wrap].hs-field-has-error [data-hs-image-uploader] {
	border-color: var(--destructive);
	background: color-mix(in oklab, var(--destructive) 6%, var(--background));
}

[data-hs-field-wrap].hs-field-has-error [data-hs-rating-group] {
	outline: 2px solid color-mix(in oklab, var(--destructive) 35%, transparent);
	outline-offset: 3px;
	border-radius: 0.375rem;
}

[data-hs-field-wrap].hs-field-has-error [data-hs-turnstile-section] {
	outline: 2px solid color-mix(in oklab, var(--destructive) 35%, transparent);
	outline-offset: 4px;
	border-radius: 0.375rem;
}

[data-hs-field-wrap] .hs-field-error-msg {
	display: none;
	margin-top: 0.35rem;
	font-size: 0.75rem;
	font-weight: 500;
	color: var(--destructive);
}

[data-hs-field-wrap].hs-field-has-error .hs-field-error-msg {
	display: block;
}