/* ==========================================================================
   Artemisia form skin for Ultimate Member and WP User Frontend
   Login, register, password reset, account, profile and the upload form,
   restyled with the design-system tokens in artemisia.css.
   UM's own CSS uses !important heavily, so some overrides must too.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Ultimate Member: shared
   -------------------------------------------------------------------------- */

.um {
	color: var(--a-ink);
	font-family: var(--a-font-body);
}

.um .um-form {
	font-family: var(--a-font-body);
}

/* Labels */
.um .um-field-label label {
	color: var(--a-ink);
	font-size: var(--a-text-sm) !important;
	font-weight: 600;
	line-height: 1.4 !important;
}

.um .um-field-label {
	margin-bottom: var(--a-space-2);
	color: var(--a-ink);
}

.um .um-field {
	padding-top: var(--a-space-5);
}

/* Help "?" tooltips: quieter */
.um .um-tip,
.um .um-tip i {
	color: var(--a-line-strong) !important;
}
.um .um-tip:hover,
.um .um-tip:hover i {
	color: var(--a-gold-ink) !important;
}

/* Text inputs */
.um .um-form input[type="text"],
.um .um-form input[type="search"],
.um .um-form input[type="tel"],
.um .um-form input[type="number"],
.um .um-form input[type="password"],
.um .um-form input[type="email"],
.um .um-form input[type="url"],
.um .um-form textarea,
.um .um-form select {
	height: var(--a-control-height) !important;
	padding: 0 0.875rem !important;
	border: 1px solid var(--a-line-strong) !important;
	border-radius: var(--a-radius-sm) !important;
	background: var(--a-paper) !important;
	color: var(--a-ink) !important;
	font-family: var(--a-font-body);
	font-size: var(--a-text-md) !important;
	transition: border-color var(--a-transition), box-shadow var(--a-transition);
}

.um .um-form textarea {
	height: auto !important;
	min-height: 8rem;
	padding: 0.75rem 0.875rem !important;
	line-height: 1.5;
}

.um .um-form input[type="number"] {
	width: 100%;
	max-width: 12rem;
}

.um .um-form .um-field-area-password input[type="password"],
.um .um-form .um-field-area-password input[type="text"] {
	padding-right: 3rem !important;
}

.um .um-form input::placeholder,
.um .um-form textarea::placeholder {
	color: var(--a-muted-soft) !important;
	opacity: 1;
}

.um .um-form input[type="text"]:hover,
.um .um-form input[type="password"]:hover,
.um .um-form input[type="email"]:hover,
.um .um-form input[type="url"]:hover,
.um .um-form input[type="number"]:hover,
.um .um-form textarea:hover {
	border-color: var(--a-muted) !important;
}

.um .um-form input[type="text"]:focus,
.um .um-form input[type="search"]:focus,
.um .um-form input[type="tel"]:focus,
.um .um-form input[type="number"]:focus,
.um .um-form input[type="password"]:focus,
.um .um-form input[type="email"]:focus,
.um .um-form input[type="url"]:focus,
.um .um-form textarea:focus {
	border-color: var(--a-ink) !important;
	box-shadow: 0 0 0 3px rgba(133, 105, 47, 0.25) !important;
}

.um .um-form input:disabled,
.um .um-form input[disabled] {
	background: var(--a-stone) !important;
	color: var(--a-muted) !important;
	opacity: 1 !important;
}

/* Show/hide password eye */
.um .um-toggle-password {
	color: var(--a-muted);
}
.um .um-toggle-password:hover {
	color: var(--a-ink);
}

/* Select2 (UM country and other selects) */
.um .select2.select2-container .select2-selection {
	height: var(--a-control-height) !important;
	border: 1px solid var(--a-line-strong) !important;
	border-radius: var(--a-radius-sm) !important;
	background: var(--a-paper) !important;
}
.um .select2.select2-container .select2-selection .select2-selection__rendered {
	padding: 0 2.5rem 0 0.875rem !important;
	color: var(--a-ink) !important;
	font-size: var(--a-text-md) !important;
	line-height: calc(var(--a-control-height) - 2px) !important;
}
.um .select2.select2-container .select2-selection .select2-selection__placeholder {
	color: var(--a-muted-soft) !important;
}
.um .select2.select2-container .select2-selection .select2-selection__arrow {
	height: calc(var(--a-control-height) - 2px) !important;
}
.um .select2-container--focus .select2-selection,
.um .select2-container--open .select2-selection {
	border-color: var(--a-ink) !important;
}

/* Checkboxes and radios */
.um .um-field-checkbox,
.um .um-field-radio {
	color: var(--a-ink);
	font-size: var(--a-text-md);
}
.um .um-field-checkbox-option,
.um .um-field-radio-option {
	color: var(--a-ink) !important;
	font-size: var(--a-text-md) !important;
	line-height: 1.5 !important;
}
.um .um-field-checkbox i,
.um .um-field-radio i {
	color: var(--a-muted) !important;
}
.um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i,
.um .um-field-radio.active:not(.um-field-radio-state-disabled) i {
	color: var(--a-ink) !important;
}

/* Validation messages */
.um .um-field-error {
	margin-top: var(--a-space-2);
	padding: var(--a-space-2) var(--a-space-3) !important;
	border-radius: var(--a-radius-sm);
	background: var(--a-error) !important;
	color: var(--a-paper) !important;
	font-size: var(--a-text-sm);
}
.um .um-field-error .um-field-arrow {
	color: var(--a-error) !important;
}
.um .um-field-notice {
	background: var(--a-ink) !important;
}

.um .um-notice {
	margin: 0 0 var(--a-space-5) !important;
	padding: var(--a-space-4) var(--a-space-5) !important;
	border: 1px solid var(--a-info-line);
	border-left: 3px solid var(--a-gold);
	border-radius: var(--a-radius-sm) !important;
	background: var(--a-info-bg) !important;
	color: var(--a-ink) !important;
	font-size: 0.9375rem;
}
.um .um-notice.err {
	border-color: var(--a-error-line);
	border-left-color: var(--a-error);
	background: var(--a-error-bg) !important;
	color: var(--a-error) !important;
}
.um .um-notice.success {
	border-color: var(--a-success-line);
	border-left-color: var(--a-success);
	background: var(--a-success-bg) !important;
	color: var(--a-success) !important;
}
.um .um-notice a {
	color: inherit !important;
	text-decoration: underline;
}

/* Buttons: primary submit and the "alt" secondary (e.g. Register on login) */
.um .um-button,
.um input[type="submit"].um-button,
.um a.um-button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-height: var(--a-control-height);
	padding: 0 var(--a-space-5) !important;
	border: 1px solid var(--a-ink) !important;
	border-radius: var(--a-radius-sm) !important;
	background: var(--a-ink) !important;
	color: var(--a-paper) !important;
	font-family: var(--a-font-body) !important;
	font-size: 0.9375rem !important;
	font-weight: 500 !important;
	line-height: 1.2 !important;
	letter-spacing: 0.01em;
	box-shadow: none !important;
	transition: background-color var(--a-transition), color var(--a-transition), box-shadow var(--a-transition);
}

.um input[type="submit"].um-button {
	display: block !important;
	height: var(--a-control-height) !important;
}

.um .um-button:hover,
.um input[type="submit"].um-button:hover,
.um a.um-button:hover {
	border-color: var(--a-ink-strong) !important;
	background: var(--a-ink-strong) !important;
	color: var(--a-paper) !important;
	box-shadow: var(--a-shadow) !important;
}

.um .um-button:focus-visible,
.um input[type="submit"].um-button:focus-visible,
.um a.um-button:focus-visible {
	outline: 2px solid var(--a-focus) !important;
	outline-offset: 3px;
}

.um .um-button.um-alt,
.um a.um-button.um-alt,
.um input[type="submit"].um-button.um-alt {
	background: transparent !important;
	color: var(--a-ink) !important;
}
.um .um-button.um-alt:hover,
.um a.um-button.um-alt:hover {
	background: var(--a-ink) !important;
	color: var(--a-paper) !important;
}

.um .um-button:disabled,
.um input[type="submit"].um-button:disabled,
.um .um-button.um-disabled {
	border-color: var(--a-line-strong) !important;
	background: var(--a-stone-deep) !important;
	color: var(--a-muted-soft) !important;
	cursor: not-allowed !important;
}

/* Two-button row (Login | Register) */
.um .um-col-alt {
	margin-top: var(--a-space-5);
}

/* Small links (Forgot your password?) */
.um a.um-link-alt,
.um .um-link-alt {
	color: var(--a-ink) !important;
	font-size: var(--a-text-sm);
	text-decoration: underline !important;
	text-underline-offset: 0.25em;
}
.um a.um-link-alt:hover {
	color: var(--a-gold-ink) !important;
}

.um a.um-link,
.um .um-field a {
	color: var(--a-ink);
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

/* --------------------------------------------------------------------------
   Ultimate Member: account page
   -------------------------------------------------------------------------- */

.um-account-name a {
	color: var(--a-ink) !important;
	font-family: var(--a-font-display);
	font-size: var(--a-text-xl);
	font-weight: 400;
}
.um-account-profile-link a {
	color: var(--a-gold-ink) !important;
	font-size: var(--a-text-sm);
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

.um-account-side ul {
	border-top: 1px solid var(--a-line);
}

.um-account-side li {
	margin: 0 !important;
	background: transparent !important;
}

/* Rows laid out as flex instead of UM's fixed-height floats. */
.um-account-side li a {
	display: flex !important;
	align-items: center;
	gap: var(--a-space-3);
	height: auto !important;
	min-height: 2.75rem;
	padding: var(--a-space-2) var(--a-space-3) !important;
	border-bottom: 1px solid var(--a-line);
	background: transparent !important;
	color: var(--a-ink-soft) !important;
	font-size: 0.9375rem;
	line-height: 1.4 !important;
	text-decoration: none !important;
}

.um-account-side li a span.um-account-icon,
.um-account-side li a.current span.um-account-icon,
.um-account-side li a.current:hover span.um-account-icon {
	float: none !important;
	flex: 0 0 1.25rem;
	width: 1.25rem !important;
	height: auto !important;
	padding: 0 !important;
	border: 0 !important;
	color: var(--a-muted) !important;
	font-size: 1rem !important;
	text-align: center;
}

.um-account-side li a span.um-account-icon i {
	height: auto !important;
	line-height: 1 !important;
}

.um-account-side li a span.um-account-title {
	float: none !important;
	flex: 1 1 auto;
	height: auto !important;
	padding: 0 !important;
	color: inherit !important;
	line-height: 1.4 !important;
}

.um-account-side li a span.um-account-arrow {
	position: static !important;
	flex: 0 0 auto;
	color: var(--a-muted) !important;
	font-size: 1.25rem !important;
	line-height: 1 !important;
}

.um-account-side li a:hover {
	background: var(--a-stone) !important;
	color: var(--a-ink) !important;
}

.um-account-side li a.current,
.um-account-side li a.current:hover {
	background: var(--a-stone) !important;
	color: var(--a-ink) !important;
	font-weight: 600;
	box-shadow: inset 2px 0 0 var(--a-ink);
}

.um-account-side li a.current span.um-account-icon,
.um-account-side li a.current:hover span.um-account-icon {
	color: var(--a-ink) !important;
}

.um-account-main div.um-account-heading {
	margin-bottom: var(--a-space-4) !important;
	color: var(--a-ink);
	font-family: var(--a-font-display);
	font-size: var(--a-text-2xl) !important;
	font-weight: 400 !important;
	line-height: 1.2 !important;
}

.um-account-main div.um-account-heading i {
	display: none;
}

.um-account-main .um-account-tab .um-col-alt {
	margin-top: var(--a-space-6);
}

/* Mobile account nav (UM switches to icon tabs under 800px) */
div.uimob800 .um-account-side li a.current,
div.uimob800 .um-account-side li a.current:hover,
.um-account-nav a.current {
	background: var(--a-ink) !important;
	color: var(--a-paper) !important;
}

/* --------------------------------------------------------------------------
   Ultimate Member: profile header (public artist profile)
   -------------------------------------------------------------------------- */

.um-profile .um-name a {
	color: var(--a-ink) !important;
	font-family: var(--a-font-display);
	font-weight: 400 !important;
}

.um-profile .um-profile-headericon a,
.um-profile .um-profile-edit a {
	color: var(--a-muted) !important;
}

.um .um-profile-nav {
	background: var(--a-stone) !important;
}

.um .um-profile-nav-item a {
	color: var(--a-ink-soft) !important;
}

.um .um-profile-nav-item.active a,
.um .um-profile-nav-item.active a:hover {
	background: var(--a-ink) !important;
	color: var(--a-paper) !important;
}

.um .um-profile-subnav a.active,
.um .um-profile-nav-item a:hover {
	color: var(--a-ink) !important;
}

.um-dropdown li a:hover {
	color: var(--a-gold-ink) !important;
}

/* Modal (photo crop etc.) */
.um-modal-header,
.um-modal-btn {
	background: var(--a-ink) !important;
	color: var(--a-paper) !important;
}
.um-modal-btn.alt {
	background: var(--a-stone-deep) !important;
	color: var(--a-ink) !important;
}

/* --------------------------------------------------------------------------
   WP User Frontend: upload / edit artwork form
   -------------------------------------------------------------------------- */

.wpuf-form-add.wpuf-style {
	max-width: 46rem;
	color: var(--a-ink);
	font-family: var(--a-font-body);
}

.wpuf-form-add.wpuf-style ul.wpuf-form {
	margin: 0;
	padding: 0;
}

.wpuf-form-add.wpuf-style ul.wpuf-form li.wpuf-el {
	margin: 0 0 var(--a-space-5) !important;
	padding: 0 !important;
}

.wpuf-form-add.wpuf-style .wpuf-label {
	margin-bottom: var(--a-space-2);
}

.wpuf-form-add.wpuf-style .wpuf-label label {
	color: var(--a-ink);
	font-size: var(--a-text-sm);
	font-weight: 600;
	line-height: 1.4;
}

.wpuf-form-add.wpuf-style .wpuf-label .required {
	color: var(--a-error);
}

.wpuf-form-add.wpuf-style ul.wpuf-form li .wpuf-fields {
	width: 100%;
	float: none;
}

.wpuf-form-add.wpuf-style input[type="text"],
.wpuf-form-add.wpuf-style input[type="number"],
.wpuf-form-add.wpuf-style input[type="url"],
.wpuf-form-add.wpuf-style input[type="email"],
.wpuf-form-add.wpuf-style input[type="password"],
.wpuf-form-add.wpuf-style select,
.wpuf-form-add.wpuf-style textarea {
	width: 100% !important;
	max-width: 100%;
	min-height: var(--a-control-height);
	padding: 0.625rem 0.875rem !important;
	border: 1px solid var(--a-line-strong) !important;
	border-radius: var(--a-radius-sm) !important;
	background: var(--a-paper) !important;
	color: var(--a-ink);
	font-family: var(--a-font-body);
	font-size: var(--a-text-md) !important;
	line-height: 1.4;
	box-shadow: none !important;
}

.wpuf-form-add.wpuf-style select {
	max-width: 24rem;
}

.wpuf-form-add.wpuf-style textarea {
	min-height: 9rem;
}

.wpuf-form-add.wpuf-style input:focus,
.wpuf-form-add.wpuf-style select:focus,
.wpuf-form-add.wpuf-style textarea:focus {
	border-color: var(--a-ink) !important;
	outline: none;
	box-shadow: 0 0 0 3px rgba(133, 105, 47, 0.25) !important;
}

.wpuf-form-add.wpuf-style .wpuf-help {
	display: block;
	font-family: var(--a-font-body) !important;
	margin-top: var(--a-space-2);
	color: var(--a-muted);
	font-size: var(--a-text-sm);
	font-style: normal;
	line-height: 1.5;
}

/* Radio choices as roomy rows */
.wpuf-form-add.wpuf-style .wpuf-radio-block,
.wpuf-form-add.wpuf-style .wpuf-checkbox-block {
	display: flex !important;
	align-items: flex-start;
	gap: var(--a-space-3);
	margin: 0 0 var(--a-space-2);
	color: var(--a-ink);
	font-size: var(--a-text-md);
	line-height: 1.5;
	cursor: pointer;
}

.wpuf-form-add.wpuf-style input[type="radio"],
.wpuf-form-add.wpuf-style input[type="checkbox"] {
	flex: 0 0 auto;
	width: 1.125rem;
	height: 1.125rem;
	margin: 0.2em 0 0 !important;
	accent-color: var(--a-ink);
}

/* "Select" file buttons: secondary buttons, never heading-like */
.wpuf-form-add.wpuf-style a.file-selector,
.wpuf-form-add.wpuf-style .wpuf-attachment-upload-filelist a.button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-height: var(--a-control-height-sm);
	padding: 0 var(--a-space-4) !important;
	border: 1px solid var(--a-ink) !important;
	border-radius: var(--a-radius-sm) !important;
	background: transparent !important;
	color: var(--a-ink) !important;
	font-family: var(--a-font-body) !important;
	font-size: var(--a-text-sm) !important;
	font-weight: 500 !important;
	line-height: 1.2 !important;
	text-decoration: none !important;
	text-shadow: none !important;
	box-shadow: none !important;
	transition: background-color var(--a-transition), color var(--a-transition);
}

.wpuf-form-add.wpuf-style a.file-selector:hover {
	background: var(--a-ink) !important;
	color: var(--a-paper) !important;
}

/* Submit */
.wpuf-form-add.wpuf-style input[type="submit"],
.wpuf-form-add.wpuf-style .wpuf-submit-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: var(--a-control-height);
	padding: 0 var(--a-space-6) !important;
	border: 1px solid var(--a-ink) !important;
	border-radius: var(--a-radius-sm) !important;
	background: var(--a-ink) !important;
	color: var(--a-paper) !important;
	font-family: var(--a-font-body) !important;
	font-size: 0.9375rem !important;
	font-weight: 500 !important;
	text-shadow: none !important;
	box-shadow: none !important;
	cursor: pointer;
	transition: background-color var(--a-transition), box-shadow var(--a-transition);
}

.wpuf-form-add.wpuf-style input[type="submit"]:hover,
.wpuf-form-add.wpuf-style .wpuf-submit-button:hover {
	background: var(--a-ink-strong) !important;
	box-shadow: var(--a-shadow) !important;
}

.wpuf-form-add.wpuf-style input[type="submit"]:disabled {
	border-color: var(--a-line-strong) !important;
	background: var(--a-stone-deep) !important;
	color: var(--a-muted-soft) !important;
	cursor: not-allowed;
}

/* WPUF error and success messages */
.wpuf-error,
.wpuf-message,
.wpuf-success,
.wpuf-info {
	margin: 0 0 var(--a-space-5) !important;
	padding: var(--a-space-4) var(--a-space-5) !important;
	border: 1px solid var(--a-info-line) !important;
	border-left: 3px solid var(--a-gold) !important;
	border-radius: var(--a-radius-sm) !important;
	background: var(--a-info-bg) !important;
	color: var(--a-ink) !important;
	font-size: 0.9375rem !important;
}
.wpuf-error {
	border-color: var(--a-error-line) !important;
	border-left-color: var(--a-error) !important;
	background: var(--a-error-bg) !important;
}
.wpuf-success {
	border-color: var(--a-success-line) !important;
	border-left-color: var(--a-success) !important;
	background: var(--a-success-bg) !important;
}

/* WPUF in-field error text */
.wpuf-form-add.wpuf-style .wpuf-error-msg {
	color: var(--a-error);
	font-size: var(--a-text-sm);
}

@media (max-width: 480px) {
	.um .um-col-alt .um-left,
	.um .um-col-alt .um-right,
	.um .um-col-alt .um-half {
		float: none !important;
		width: 100% !important;
		margin: 0 0 var(--a-space-3) !important;
	}
	.wpuf-form-add.wpuf-style select {
		max-width: 100%;
	}
}

/* Pop-ups the plugins add when opened (dropdown lists, tooltips, date
   pickers, modals) use the body face too. */
.select2-container,
.select2-dropdown,
.select2-results__option,
.tipsy,
.tipsy-inner,
.um-modal,
.picker,
.ui-datepicker,
.swal2-popup {
	font-family: var(--a-font-body) !important;
}

/* Currency and price side by side: [£ GBP ▾] [ 1200 ] */
.wpuf-form-add.wpuf-style ul.wpuf-form li.wpuf-el.price_currency {
	float: left;
	clear: left;
	margin-right: var(--a-space-3) !important;
}

.wpuf-form-add.wpuf-style ul.wpuf-form li.price_currency .wpuf-fields {
	width: auto;
}

.wpuf-form-add.wpuf-style ul.wpuf-form li.price_currency select {
	width: auto !important;
	min-width: 7.5rem;
}

.wpuf-form-add.wpuf-style ul.wpuf-form li.wpuf-el.price_value {
	overflow: hidden;
}

.wpuf-form-add.wpuf-style ul.wpuf-form li.wpuf-el.price_value + li {
	clear: both;
}

/* ------------------------------------------------------------------
 * Artwork / Biennale submission, step by step (assets/js/submission-steps.js)
 * ------------------------------------------------------------------ */
.artemisia-steps-form .artemisia-step-hidden {
	display: none !important;
}

ol.artemisia-steps,
.entry-content ol.artemisia-steps {
	display: flex;
	gap: var(--a-space-2);
	max-width: 46rem; /* The width of the form below it. */
	margin: 0 0 var(--a-space-6);
	padding: 0;
	list-style: none;
}

ol.artemisia-steps > li {
	margin: 0;
}

.artemisia-steps__item {
	display: flex;
	flex: 1 1 0;
	flex-direction: column;
	gap: var(--a-space-2);
	min-width: 0;
	padding-top: var(--a-space-3);
	border-top: 3px solid var(--a-line);
	color: var(--a-muted);
	font-size: var(--a-text-sm);
}

.artemisia-steps__item.is-done,
.artemisia-steps__item.is-current {
	border-top-color: var(--a-ink);
	color: var(--a-ink);
}

.artemisia-steps__item.is-current .artemisia-steps__label {
	font-weight: 600;
}

.artemisia-steps__item.is-reachable {
	cursor: pointer;
}

.artemisia-steps__item.is-reachable:hover .artemisia-steps__label {
	text-decoration: underline;
	text-underline-offset: 0.25em;
}

.artemisia-steps__num {
	font-size: var(--a-text-xs);
	letter-spacing: var(--a-tracking-kicker);
}

.artemisia-steps__label {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.artemisia-steps__heading {
	margin: 0 0 var(--a-space-5);
	font-family: var(--a-font-display);
	font-size: var(--a-text-2xl);
	font-weight: 500;
}

.artemisia-steps__heading:focus {
	outline: none;
}

.artemisia-steps-form .artemisia-steps__nav {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	gap: var(--a-space-3);
	margin-top: var(--a-space-6);
	list-style: none;
}

.artemisia-steps__nav[hidden],
.artemisia-steps__nav [hidden],
.artemisia-review[hidden],
.artemisia-steps__guidelines[hidden] {
	display: none !important;
}

.artemisia-steps__guidelines {
	margin-top: var(--a-space-4);
	list-style: none;
	font-size: var(--a-text-sm);
}

.artemisia-steps__guidelines a {
	color: var(--a-gold-ink);
}

.artemisia-review {
	display: flex;
	flex-direction: column;
	gap: var(--a-space-5);
	list-style: none;
}

.artemisia-review__intro {
	margin: 0;
	color: var(--a-muted);
}

.artemisia-review__section {
	padding: var(--a-space-5);
	border: 1px solid var(--a-line);
	border-radius: var(--a-radius);
	background: var(--a-paper);
}

.artemisia-review__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--a-space-3);
	margin-bottom: var(--a-space-4);
}

.artemisia-review__head h3 {
	margin: 0;
	font-family: var(--a-font-display);
	font-size: var(--a-text-lg);
	font-weight: 500;
}

.artemisia-review__list {
	display: grid;
	grid-template-columns: minmax(8rem, 1fr) 2fr;
	gap: var(--a-space-3) var(--a-space-5);
	margin: 0;
	font-size: var(--a-text-sm);
}

.artemisia-review__list dt {
	color: var(--a-muted);
}

.artemisia-review__list dd {
	margin: 0;
	color: var(--a-ink);
	white-space: pre-line;
	overflow-wrap: anywhere;
}

.artemisia-review__list dd.is-empty {
	color: var(--a-muted-soft);
	font-style: italic;
}

.artemisia-review__images {
	display: flex;
	flex-wrap: wrap;
	gap: var(--a-space-2);
}

.artemisia-review__images img {
	width: 72px;
	height: 72px;
	object-fit: cover;
	border-radius: var(--a-radius-sm);
}

@media (max-width: 640px) {
	.artemisia-steps__label {
		display: none;
	}

	.artemisia-steps__item.is-current .artemisia-steps__label {
		display: block;
	}

	.artemisia-review__list {
		grid-template-columns: 1fr;
		gap: var(--a-space-1);
	}

	.artemisia-review__list dd {
		margin-bottom: var(--a-space-3);
	}
}

.artemisia-steps-form li.wpuf-submit {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--a-space-4);
}

.artemisia-steps-form li.wpuf-submit .wpuf-label {
	display: none;
}

/* "Sell through Artemisia" on the upload form (Artemisia Shop terms) */
.artemisia-sell__terms {
	margin-bottom: var(--a-space-3);
	padding: var(--a-space-3) var(--a-space-4);
	border: 1px solid var(--a-line);
	border-radius: var(--a-radius);
	background: var(--a-stone);
	font-size: var(--a-text-sm);
	line-height: var(--a-leading);
}

.artemisia-sell__terms ul {
	margin: 0;
	padding-left: 1.2em;
}

.artemisia-sell__terms li {
	margin-bottom: var(--a-space-2);
}

.artemisia-sell__agree {
	display: block;
	margin-bottom: var(--a-space-2);
	font-weight: 600;
}