/* Reading intake form. Colours and type come from the site's tokens (Global Styles :root); the fallbacks are the same values.
   The text, label and input rules of .na-field (LM-04-B01, as the Contact form uses them) are reused. Loads on the two product pages only. */
.na-ri-product .wp-block-woocommerce-product-summary p + p {
	margin-block-start: 16px;
}

.na-ri {
	max-width: 560px;
	margin-block: 0 24px;
	font-family: "Source Sans 3", Arial, sans-serif;
	color: var(--na-ink, #1E2421);
}

.na-ri [hidden] {
	display: none !important;
}

/* Closed only once the script is running (it adds .na-ri-js); without the script the form is open and works. */
.na-ri.na-ri-js[data-na-ri-open="0"] .na-ri-body,
.na-ri.na-ri-js[data-na-ri-open="0"] ~ .single_add_to_cart_button,
.na-ri.na-ri-js[data-na-ri-open="0"] ~ .quantity {
	display: none;
}

.na-ri-start {
	margin-block: 8px 0;
}

.na-ri fieldset {
	min-width: 0;
	margin: 0 0 32px;
	padding: 0;
	border: 0;
}

.na-ri legend {
	margin: 0 0 16px;
	padding: 0;
	font-family: "Libre Baskerville", Georgia, serif;
	font-size: 24px;
	line-height: 1.25;
}

.na-ri .na-ri-person legend,
.na-ri .na-ri-group legend {
	font-family: "Source Sans 3", Arial, sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.3;
}

.na-ri .na-ri-person {
	margin-block-end: 24px;
}

.na-ri .na-field,
.na-ri .na-ri-field--checkbox {
	margin-block-end: 24px;
}

.na-ri .na-field select {
	box-sizing: border-box;
	width: 100%;
	min-height: 52px;
	padding: 12px 16px;
	border: 1px solid var(--na-border, #73786F);
	border-radius: 0;
	background: #FFFFFF;
	color: var(--na-ink, #1E2421);
	font-family: "Source Sans 3", Arial, sans-serif;
	font-size: 18px;
	line-height: 1.5;
}

.na-ri .na-ri-help,
.na-ri .na-ri-optional {
	margin: 0;
	color: var(--na-muted, #4C554E);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}

.na-ri-options {
	display: grid;
	gap: 8px;
}

.na-ri-option,
.na-ri-tick label {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	box-sizing: border-box;
	min-height: 44px;
	padding: 10px 12px;
	border: 1px solid var(--na-border, #73786F);
	background: #FFFFFF;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.4;
	cursor: pointer;
}

.na-ri input[type="radio"],
.na-ri input[type="checkbox"] {
	flex: none;
	width: 24px;
	height: 24px;
	min-height: 0;
	margin: 0;
	accent-color: var(--na-copper, #96452F);
}

.na-ri-errors {
	margin-block-end: 24px;
	padding: 16px;
	border: 2px solid var(--na-error, #9C2F2F);
	background: #FFFFFF;
}

/* C32 at the size of the section headings; the theme's ".wp-site-blocks .na-band h2" would otherwise win. */
.na-ri .na-ri-errors h2.na-ri-errors__title {
	margin: 0 0 16px;
	font-family: "Libre Baskerville", Georgia, serif;
	font-size: 24px;
	line-height: 1.25;
}

.na-ri-errors ul {
	margin: 0;
	padding-inline-start: 20px;
}

.na-ri-errors a,
.na-ri-error a {
	color: var(--na-error, #9C2F2F);
}

.na-ri-error {
	margin: 0;
	color: var(--na-error, #9C2F2F);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5;
}

.na-ri [aria-invalid="true"]:not(input[type="radio"]):not(input[type="checkbox"]) {
	padding: 11px 15px;
	border-width: 2px;
	border-color: var(--na-error, #9C2F2F);
}