/**
 * Booking request form — status line states.
 *
 * @package beautybytati
 */

/* Asterisk for labels whose field has the HTML `required` attribute */
.booking-modal__field:has(:required) > span::after {
	content: '*';
	color: #dc2626;
	font-weight: 600;
	margin-left: 0.15em;
}

/* Marketing consent opt-in: checkbox beside sentence-case label text */
.booking-modal__field--consent {
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: start;
	gap: 10px;
	cursor: pointer;
}

.booking-modal__field--consent input[type='checkbox'] {
	width: 16px;
	min-width: 16px;
	height: 16px;
	min-height: 16px;
	margin: 2px 0 0;
	padding: 0;
	/* Undo the text-input styling the modal applies to `.booking-modal__field input`. */
	border: 0;
	background: none;
	appearance: auto;
	accent-color: currentColor;
	cursor: pointer;
}

.booking-modal__field--consent > span {
	font-size: 0.78rem;
	line-height: 1.45;
	text-transform: none;
	letter-spacing: normal;
	opacity: 0.85;
}

[data-booking-form-status].is-submitting {
	opacity: 0.85;
}

[data-booking-form-status].is-success {
	color: inherit;
}

[data-booking-form-status].is-error {
	color: #b91c1c;
}