/* Variation sizes above price — same design on category and homepage */
.woocommerce ul.products li.product .bellenzy-loop-sizes,
.woocommerce-page ul.products li.product .bellenzy-loop-sizes,
.wc-block-grid__product .bellenzy-loop-sizes,
.bellenzy-loop-sizes {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: center;
	gap: 6px !important;
	margin: 8px 0 7px !important;
	padding: 0 !important;
}

.woocommerce ul.products li.product .bellenzy-size-chip,
.woocommerce-page ul.products li.product .bellenzy-size-chip,
.wc-block-grid__product .bellenzy-size-chip,
.bellenzy-size-chip {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 5px 9px !important;
	margin: 0 !important;
	border: 1px solid #A9873C !important;
	border-radius: 3px !important;
	color: #222222 !important;
	background: #ffffff !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
}

/* Checkout notice */
.woocommerce-checkout .bellenzy-checkout-note {
	display: block;
	width: 100%;
	margin: 0 0 24px;
	padding: 17px 20px;
	background: #fff9ef;
	color: #222222;
	border: 1px solid #c89b3c;
	border-left: 6px solid #c89b3c;
	border-radius: 6px;
	font-size: 15px;
	line-height: 1.6;
	box-sizing: border-box;
}

.woocommerce-checkout .bellenzy-important-note {
	color: #d60000;
	font-weight: 800;
}

/* Coupon styling */
.woocommerce-checkout .woocommerce-form-coupon-toggle {
	margin: 0 0 24px !important;
}

.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
	margin: 0 !important;
	padding: 16px 18px !important;
	background: #fff4d9 !important;
	color: #222222 !important;
	border: 2px dashed #A9873C !important;
	border-left: 6px solid #A9873C !important;
	border-radius: 7px !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	text-align: center !important;
	box-shadow: 0 4px 14px rgba(169, 135, 60, 0.12) !important;
}

.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info::before {
	color: #A9873C !important;
	position: static !important;
	margin: 0 2px 0 0 !important;
}

.woocommerce-checkout .woocommerce-form-coupon-toggle .showcoupon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 8px 14px !important;
	background: #A9873C !important;
	color: #ffffff !important;
	border: 1px solid #A9873C !important;
	border-radius: 4px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	text-decoration: none !important;
	transition: opacity 0.2s ease !important;
}

.woocommerce-checkout .woocommerce-form-coupon-toggle .showcoupon:hover,
.woocommerce-checkout .woocommerce-form-coupon-toggle .showcoupon:focus {
	color: #ffffff !important;
	opacity: 0.88 !important;
}

.woocommerce-checkout form.checkout_coupon {
	margin: -10px 0 24px !important;
	padding: 18px !important;
	background: #fffdf8 !important;
	border: 1px solid #A9873C !important;
	border-radius: 6px !important;
}

@media (max-width: 767px) {
	.bellenzy-size-chip {
		padding: 4px 7px !important;
		font-size: 10px !important;
	}

	.woocommerce-checkout .bellenzy-checkout-note {
		padding: 14px 15px;
		font-size: 13px;
	}

	.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
		padding: 14px !important;
		font-size: 13px !important;
	}

	.woocommerce-checkout .woocommerce-form-coupon-toggle .showcoupon {
		width: 100% !important;
		margin-top: 4px !important;
	}
}
