/* "Inquire about this piece": outline twin of the black Add to cart button */
.mc-inquire {
	margin: 0 0 12px;
}

.woocommerce .mc-inquire .mc-inquire__btn.button {
	/* Size, padding, arrow and hover (colour invert) come from the theme's shop buttons, like Add to cart;
	   only the colours are flipped to an outline. */
	--wp--custom--button--color--background: #fff;
	--wp--custom--button--color--text: #000;
	background-color: #fff;
	color: #000;
	border: 1px solid #000;
}

/* Dialog */
.mc-inquiry {
	width: min(520px, calc(100vw - 32px));
	max-height: calc(100dvh - 32px);
	padding: 0;
	border: 0;
	border-radius: 0;
	background: #fff;
	color: #000;
	box-shadow: 0 20px 60px rgba(0, 0, 0, .25);
	overflow: auto;
}

.mc-inquiry::backdrop {
	background: rgba(255, 255, 255, .55);
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
}

.mc-inquiry__form {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: 32px 28px 28px;
	font-size: 15px;
}

.mc-inquiry__close {
	position: absolute;
	top: 10px;
	right: 12px;
	width: 36px;
	height: 36px;
	padding: 0;
	border: 0;
	background: none;
	color: #000;
	font-size: 28px;
	line-height: 1;
	cursor: pointer;
}

.mc-inquiry__title {
	margin: 0 40px 0 0;
	font-size: 26px;
	font-weight: 400;
	line-height: 1.15;
	text-transform: none;
}

.mc-inquiry__intro {
	margin: 0 0 4px;
	color: #444;
	line-height: 1.45;
}

.mc-inquiry__field {
	display: flex;
	flex-direction: column;
	gap: 6px;
	font-size: 13px;
	letter-spacing: .03em;
}

.mc-inquiry__opt {
	color: #888;
}

.mc-inquiry__field input,
.mc-inquiry__field textarea {
	box-sizing: border-box;
	width: 100%;
	padding: 10px 0;
	border: 0;
	border-bottom: 1px solid #000;
	border-radius: 0;
	background: transparent;
	color: #000;
	font: inherit;
	font-size: 16px; /* 16px stops iPhones from zooming in on focus */
	box-shadow: none;
}

.mc-inquiry__field textarea {
	resize: vertical;
	min-height: 90px;
}

.mc-inquiry__field input:focus,
.mc-inquiry__field textarea:focus {
	outline: none;
	border-bottom-width: 2px;
}

.mc-inquiry__check {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 14px;
	cursor: pointer;
}

.mc-inquiry .mc-inquiry__check input[type="checkbox"] {
	-webkit-appearance: checkbox;
	appearance: auto;
	position: static;
	opacity: 1;
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	margin: 0;
	accent-color: #000;
}

.mc-inquiry__submit.button {
	height: 50px;
	margin-top: 6px;
	background: #000;
	color: #fff;
	border: 1px solid #000;
	border-radius: 0;
	font: inherit;
	cursor: pointer;
}

.mc-inquiry__submit.button[disabled] {
	opacity: .5;
	cursor: default;
}

.mc-inquiry__status {
	min-height: 1.4em;
	margin: 0;
	font-size: 14px;
}

.mc-inquiry__status.is-error {
	color: #b00020;
}

/* Honeypot: invisible to people, tempting to bots */
.mc-inquiry__hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
}