/*
 * Store messages the theme adds to WooCommerce pages: the minimum-order progress line and
 * the disabled checkout button. Everything else on the cart and checkout keeps the styling
 * Elementor Pro / JetWooBuilder / WooCommerce give it.
 */

.ml-min-order {
	--ml-orange: #F2642F;
	--ml-ink: #301E15;
	margin: 0 0 1rem;
	padding: .85rem 1rem;
	border: 1px solid #E8D6C0;
	border-left: 4px solid var(--ml-orange);
	border-radius: 8px;
	background: #FEF3E3;
	color: var(--ml-ink);
	font-size: .95rem;
	line-height: 1.45;
	text-align: left;
}

.ml-min-order__text {
	margin: 0 0 .6rem;
}

.ml-min-order__text strong {
	font-weight: 700;
}

.ml-min-order__track {
	position: relative;
	height: 8px;
	overflow: hidden;
	border-radius: 4px;
	background: #EADBC6;
}

.ml-min-order__fill {
	display: block;
	height: 100%;
	border-radius: 4px;
	background: var(--ml-orange);
}

.ml-min-order--mini-cart {
	margin: .75rem 0;
	font-size: .875rem;
}

/* The stand-in for "Proceed to checkout" while the cart is under the minimum. */
.woocommerce .ml-checkout-disabled,
.ml-checkout-disabled {
	display: block;
	width: 100%;
	cursor: not-allowed;
	opacity: .55;
	pointer-events: none;
	text-align: center;
}

/* ------------------------------------------------------------------ Gift orders */

/* Checkout: the gift choice reads as its own small card above the order notes. */
.woocommerce form .form-row.ml-gift-toggle,
.ml-gift-fields .form-row.ml-gift-toggle {
	margin: 0 0 .5rem;
	padding: .8rem 1rem;
	border: 1px dashed #E2582A;
	border-radius: 10px;
	background: #FEF3E3;
	color: #301E15;
}

.woocommerce form .form-row.ml-gift-toggle label,
.ml-gift-fields .form-row.ml-gift-toggle label {
	display: flex;
	align-items: center;
	gap: .55rem;
	margin: 0;
	font-weight: 700;
	cursor: pointer;
}

.woocommerce form .form-row.ml-gift-toggle label::after {
	content: "🎁";
	margin-left: auto;
	font-size: 1.15rem;
}

.woocommerce form .form-row.ml-gift-message textarea {
	min-height: 96px;
}

/* WooCommerce shows field hints as a blue pop-up on focus; keep the behaviour, brand the box. */
.woocommerce form .form-row.ml-gift-message .description {
	margin-top: .4rem;
	padding: .55rem .75rem;
	border-radius: 8px;
	background: #FEF3E3;
	color: #301E15;
	font-size: .85rem;
}

.woocommerce form .form-row.ml-gift-message .description::before {
	border-top-color: #FEF3E3;
}

/* Thank-you page / My Account. */
.ml-gift-note {
	margin: 1.5rem 0;
	padding: 1rem 1.25rem;
	border: 2px dashed #E2582A;
	border-radius: 12px;
	background: #FEF3E3;
	color: #301E15;
}

.ml-gift-note__title {
	margin: 0 0 .4rem;
	font-size: 1.05rem;
}

.ml-gift-note__message {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.15rem;
	font-style: italic;
}

.ml-ship-to {
	margin-top: 1.5rem;
}