/* MPO Clothing Hire – product page. Inherits the theme's font and colours where it can. */
.mpo-hire {
	--mpo-accent: var(--wp--preset--color--primary, #7a5c58);
	--mpo-line: rgba(0, 0, 0, 0.12);
	--mpo-muted: rgba(0, 0, 0, 0.6);
	margin: 0 0 1.25em;
	padding: 1em;
	border: 1px solid var(--mpo-line);
	border-radius: 8px;
	max-width: 100%;
}
.mpo-hire__label {
	margin: 0 0 0.6em;
	font-weight: 600;
}
.mpo-hire .flatpickr-calendar.inline {
	box-shadow: none;
	width: 100% !important;
	max-width: 620px;
	font-family: inherit;
}
.mpo-hire .flatpickr-days,
.mpo-hire .dayContainer {
	width: 100% !important;
	max-width: none;
	min-width: 0;
}
.mpo-hire .flatpickr-rContainer { width: 100%; }
.mpo-hire .flatpickr-day {
	max-width: none;
	flex-basis: 14.2857%;
}
.mpo-hire .flatpickr-day.selected,
.mpo-hire .flatpickr-day.startRange,
.mpo-hire .flatpickr-day.endRange {
	background: var(--mpo-accent);
	border-color: var(--mpo-accent);
	color: #fff;
}
.mpo-hire .flatpickr-day.inRange {
	background: color-mix(in srgb, var(--mpo-accent) 15%, transparent);
	border-color: transparent;
	box-shadow: -5px 0 0 color-mix(in srgb, var(--mpo-accent) 15%, transparent), 5px 0 0 color-mix(in srgb, var(--mpo-accent) 15%, transparent);
}
.mpo-hire .flatpickr-day.mpo-booked {
	text-decoration: line-through;
	color: rgba(0, 0, 0, 0.25);
}
.mpo-hire__status {
	margin: 0.6em 0 0;
	font-size: 0.9em;
	color: var(--mpo-muted);
}
.mpo-hire__status.is-error { color: #b32d2e; }
.mpo-hire__summary { margin: 0.4em 0 0; }
.mpo-hire__summary:empty { display: none; }
.mpo-hire__rules {
	margin: 0.6em 0 0;
	font-size: 0.85em;
	color: var(--mpo-muted);
}
.mpo-hire.is-loading { opacity: 0.6; }
.mpo-per-day {
	font-size: 0.75em;
	font-weight: normal;
	opacity: 0.75;
}
/* Variable products: put the calendar under the size selector visually. */
.variations_form .mpo-hire { margin-top: 1em; }