/* Product notices -------------------------------------------------------- */
.woocommerce-notices-wrapper {
	position: relative;
}

.woocommerce .woocommerce-message,
.woocommerce-page .woocommerce-message {
	display: flex !important;
	align-items: center;
	gap: 16px;
	min-height: 76px;
	margin: 0 0 24px !important;
	padding: 15px 16px 15px 62px !important;
	border: 1px solid #eadfd8 !important;
	border-left: 4px solid #43a476 !important;
	border-radius: 18px !important;
	background: #fffaf6 !important;
	box-shadow: 0 14px 38px rgba(70, 41, 27, .08) !important;
	color: #3b2921 !important;
	line-height: 1.45;
}

.woocommerce .woocommerce-message::before,
.woocommerce-page .woocommerce-message::before {
	content: "\2713" !important;
	top: 50% !important;
	left: 20px !important;
	display: grid;
	place-items: center;
	width: 26px;
	height: 26px;
	transform: translateY(-50%);
	border-radius: 50%;
	background: #e7f6ed;
	color: #26865b !important;
	font: 800 16px/1 system-ui, sans-serif;
}

.woocommerce .woocommerce-message .button,
.woocommerce-page .woocommerce-message .button {
	position: static !important;
	order: 2;
	flex: 0 0 auto;
	min-height: 46px !important;
	margin: 0 0 0 auto !important;
	padding: 0 22px !important;
	transform: none !important;
	border: 0 !important;
	border-radius: 13px !important;
	background: linear-gradient(135deg, #e57e64, #d86b52) !important;
	box-shadow: 0 9px 20px rgba(216, 107, 82, .2);
	color: #fff !important;
	font-weight: 800 !important;
	line-height: 46px !important;
	white-space: nowrap;
}

.woocommerce .woocommerce-message .button:hover,
.woocommerce-page .woocommerce-message .button:hover {
	filter: brightness(.97);
}

/* Delivery is paid directly to Nova Poshta by the recipient. */
.miniyou-shipping-payee {
	display: block;
	margin-top: 4px;
	color: #71645f;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.35;
}

.wc-block-components-totals-shipping .wc-block-components-totals-item__value {
	max-width: 260px;
	color: #59453c;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.35;
	text-align: right;
}

.wc-block-cart__sidebar .wc-block-components-totals-item__value,
.wc-block-checkout__sidebar .wc-block-components-totals-item__value {
	max-width: 260px;
	overflow-wrap: anywhere;
}

.woocommerce-shipping-totals td,
tr.shipping td {
	color: #59453c;
	font-size: 13px;
	line-height: 1.4;
}

/* Successful order ------------------------------------------------------ */
body.woocommerce-order-received .shop-area {
	padding-top: 48px;
}

body.woocommerce-order-received .woocommerce {
	position: relative;
	overflow: hidden;
}

body.woocommerce-order-received .woocommerce-order {
	display: grid;
	gap: 24px;
}

body.woocommerce-order-received .woocommerce-thankyou-order-received {
	position: relative;
	margin: 0 !important;
	padding: 62px 28px 34px;
	border: 1px solid #f0ddd3;
	border-radius: 24px;
	background: linear-gradient(145deg, #fffaf6, #fff2e9);
	box-shadow: 0 18px 48px rgba(70, 41, 27, .08);
	text-align: center;
}

body.woocommerce-order-received .woocommerce-thankyou-order-received::before {
	content: "\2713";
	position: absolute;
	top: 20px;
	left: 50%;
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	transform: translateX(-50%);
	border-radius: 50%;
	background: #e5f5eb;
	color: #26865b;
	font: 800 20px/1 system-ui, sans-serif;
}

.miniyou-thankyou-kicker,
.miniyou-thankyou-copy {
	display: block;
}

.miniyou-thankyou-kicker {
	margin-bottom: 7px;
	color: #d86b52;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
}

body.woocommerce-order-received .woocommerce-thankyou-order-received strong {
	display: block;
	color: #34231c;
	font: 400 clamp(30px, 4vw, 48px)/1.12 Georgia, "Times New Roman", serif;
}

.miniyou-thankyou-copy {
	max-width: 600px;
	margin: 12px auto 0;
	color: #71645f;
}

body.woocommerce-order-received .woocommerce-order-overview {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1px;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden;
	border: 1px solid #eadfd8;
	border-radius: 19px;
	background: #eadfd8;
}

body.woocommerce-order-received .woocommerce-order-overview li {
	float: none !important;
	min-width: 0;
	margin: 0 !important;
	padding: 18px !important;
	border: 0 !important;
	background: #fff;
	color: #7a6b63;
	font-size: 11px;
	line-height: 1.45;
}

body.woocommerce-order-received .woocommerce-order-overview li strong {
	margin-top: 5px;
	overflow-wrap: anywhere;
	color: #34231c;
	font-size: 15px;
}

body.woocommerce-order-received .woocommerce-order-details,
body.woocommerce-order-received .woocommerce-customer-details {
	margin: 0 !important;
	padding: 26px;
	border: 1px solid #eadfd8;
	border-radius: 20px;
	background: #fffaf6;
}

body.woocommerce-order-received .woocommerce-order-details__title,
body.woocommerce-order-received .woocommerce-column__title {
	margin: 0 0 18px;
	color: #34231c;
	font: 400 30px/1.15 Georgia, "Times New Roman", serif;
}

body.woocommerce-order-received .woocommerce-customer-details address {
	padding: 0;
	border: 0;
	line-height: 1.75;
}

.miniyou-confetti {
	pointer-events: none;
	position: absolute;
	top: 70px;
	left: 50%;
	z-index: 3;
	width: 1px;
	height: 1px;
}

.miniyou-confetti i {
	position: absolute;
	top: 0;
	left: 0;
	width: 7px;
	height: 13px;
	border-radius: 2px;
	background: var(--c);
	opacity: 0;
	animation: miniyou-confetti-burst .9s cubic-bezier(.18, .72, .28, 1) var(--d) 1 both;
}

@keyframes miniyou-confetti-burst {
	0% { opacity: 0; transform: translate(0, 0) rotate(0) scale(.5); }
	18% { opacity: 1; }
	100% { opacity: 0; transform: translate(var(--x), var(--y)) rotate(var(--r)) scale(1); }
}

@media (max-width: 767px) {
	.wc-block-components-totals-shipping .wc-block-components-totals-item {
		align-items: flex-start;
	}

	.wc-block-components-totals-shipping .wc-block-components-totals-item__value {
		max-width: 58%;
	}

	.woocommerce .woocommerce-message,
	.woocommerce-page .woocommerce-message {
		display: grid !important;
		grid-template-columns: 1fr;
		gap: 13px;
		min-height: 0;
		padding: 17px 16px 17px 52px !important;
		border-radius: 16px !important;
	}

	.woocommerce .woocommerce-message::before,
	.woocommerce-page .woocommerce-message::before {
		top: 19px !important;
		left: 15px !important;
		transform: none;
	}

	.woocommerce .woocommerce-message .button,
	.woocommerce-page .woocommerce-message .button {
		order: 2;
		width: 100%;
		margin: 0 !important;
		text-align: center;
	}

	body.woocommerce-order-received .shop-area {
		padding-top: 28px;
	}

	body.woocommerce-order-received .woocommerce-thankyou-order-received {
		padding: 60px 18px 27px;
		border-radius: 19px;
	}

	body.woocommerce-order-received .woocommerce-order-overview {
		grid-template-columns: 1fr 1fr;
	}

	body.woocommerce-order-received .woocommerce-order-details,
	body.woocommerce-order-received .woocommerce-customer-details {
		padding: 18px;
		border-radius: 17px;
	}
}

@media (max-width: 420px) {
	body.woocommerce-order-received .woocommerce-order-overview {
		grid-template-columns: 1fr;
	}
}

@media (prefers-reduced-motion: reduce) {
	.miniyou-confetti {
		display: none;
	}
}