/* ==========================================================================
   WooCommerce Cart Page — Iniyam Gifts Premium Redesign v3.0
   Elegant two-panel layout: clean product list + sticky order summary.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Page Wrapper & Container
   -------------------------------------------------------------------------- */
.woocommerce-cart .woocommerce {
	font-family: var(--ig-font);
}

/*
 * ast-article-single background/margin/padding — handled globally in style.css.
 * #primary padding tokens — overridden via --ig-page-pt/pb in style.css.
 * .site-content padding-top 0 — global rule in style.css.
 * Only retain the ast-container vertical rhythm which is cart-specific.
 */
/* Suppress duplicate Astra entry title on Cart page (handled by hero section) */
.woocommerce-cart h1.entry-title,
.woocommerce-cart .entry-title,
.woocommerce-cart header.entry-header {
	display: none !important;
}

.woocommerce-cart .ast-container,
.woocommerce-cart .site-content .ast-container {
	max-width: 1280px !important;
	margin: 0 auto !important;
	padding-top: 0 !important;
	padding-bottom: 48px !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
}

/* --------------------------------------------------------------------------
   2. Cart Page Header
   -------------------------------------------------------------------------- */
.ig-cart-page-header {
	margin-bottom: 28px;
}

.ig-cart-page-title {
	font-size: clamp(22px, 3vw, 28px);
	font-weight: 800;
	color: var(--ig-heading);
	margin: 0 0 4px;
	letter-spacing: -0.02em;
}

.ig-cart-item-count {
	font-size: 14px;
	color: var(--ig-muted);
	font-weight: 400;
}

/* --------------------------------------------------------------------------
   3. Two-Column Layout
   -------------------------------------------------------------------------- */
.ig-cart-layout-container {
	display: grid;
	grid-template-columns: 1fr 380px;
	gap: 28px;
	align-items: start;
}

@media (max-width: 1024px) {
	.ig-cart-layout-container {
		grid-template-columns: 1fr 340px;
		gap: 20px;
	}
}

@media (max-width: 768px) {
	.ig-cart-layout-container {
		grid-template-columns: 1fr;
		gap: 24px;
	}
}

/* --------------------------------------------------------------------------
   4. Cart Form Panel (Left Column)
   -------------------------------------------------------------------------- */
.woocommerce-cart .woocommerce-cart-form {
	background: var(--ig-white);
	border-radius: var(--ig-r-lg);
	border: 1.5px solid var(--ig-border-light);
	padding: 0;
	box-shadow: var(--ig-shadow-xs);
	overflow: hidden;
}

/* Panel Header */
.ig-cart-panel-header {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	padding: 18px 24px !important;
	border-bottom: 1.5px solid #cbd5e1 !important;
	background: #e2e8f0 !important;
}

.ig-cart-panel-header-title {
	font-size: 15px;
	font-weight: 700;
	color: var(--ig-heading);
	margin: 0;
	letter-spacing: -0.01em;
}

.ig-cart-panel-count-chip {
	font-size: 12px;
	font-weight: 700;
	color: var(--ig-primary);
	background: var(--ig-primary-light);
	padding: 3px 10px;
	border-radius: var(--ig-r-pill);
}

/* Items Wrapper */
.woocommerce-cart-form__contents.ig-cart-items-wrapper {
	display: flex;
	flex-direction: column;
	gap: 0;
	padding: 0 24px;
}

/* --------------------------------------------------------------------------
   5. Individual Cart Item Cards
   -------------------------------------------------------------------------- */
.ig-cart-card {
	position: relative !important;
	display: flex !important;
	gap: 20px !important;
	padding: 24px 0 !important;
	align-items: center !important;
	border-bottom: 1px solid var(--ig-border-light) !important;
}

.ig-cart-card:last-of-type {
	border-bottom: none !important;
}

/* Remove Button */
.ig-card-remove-action {
	position: absolute !important;
	top: 24px !important;
	right: 0 !important;
	z-index: 5;
}

.ig-card-remove-action a.remove {
	width: 28px !important;
	height: 28px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 16px !important;
	line-height: 1 !important;
	color: var(--ig-subtle) !important;
	background: transparent !important;
	border: 1.5px solid var(--ig-border) !important;
	border-radius: 50% !important;
	text-decoration: none !important;
	transition: all 0.2s ease !important;
}

.ig-card-remove-action a.remove:hover {
	background: #fee2e2 !important;
	color: #e53e3e !important;
	border-color: #fca5a5 !important;
	transform: rotate(90deg);
}

/* Product Thumbnail */
.ig-cart-card-thumb {
	flex-shrink: 0 !important;
	width: 90px !important;
	height: 90px !important;
}

.ig-cart-card-thumb img {
	width: 90px !important;
	height: 90px !important;
	object-fit: cover !important;
	border-radius: var(--ig-r-md) !important;
	display: block !important;
	border: 1px solid var(--ig-border-light) !important;
	box-shadow: var(--ig-shadow-xs) !important;
}

/* Card Details */
.ig-cart-card-details {
	flex: 1 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 10px !important;
	padding-right: 36px !important;
	min-width: 0 !important;
}

/* Product Name */
.ig-cart-card-title a {
	font-size: 15px !important;
	font-weight: 700 !important;
	color: var(--ig-heading) !important;
	text-decoration: none !important;
	line-height: 1.4 !important;
	transition: color var(--ig-transition) !important;
}

.ig-cart-card-title a:hover {
	color: var(--ig-primary) !important;
}

.ig-cart-card-unit-price {
	font-size: 14px !important;
	font-weight: 700 !important;
	color: var(--ig-heading) !important;
}

/* Pricing Row */
.ig-cart-card-pricing-row {
	display: flex !important;
	align-items: center !important;
	gap: 24px !important;
	flex-wrap: wrap !important;
	margin-top: 4px !important;
}

.product-subtotal {
	font-size: 16px !important;
	font-weight: 800 !important;
	color: var(--ig-primary) !important;
	display: inline-flex !important;
	align-items: baseline !important;
	gap: 6px !important;
}

.ig-subtotal-label {
	font-size: 11px !important;
	font-weight: 600 !important;
	color: var(--ig-muted) !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
}

/* --------------------------------------------------------------------------
   6. Quantity Stepper
   -------------------------------------------------------------------------- */
.woocommerce-cart .quantity {
	display: inline-flex !important;
	align-items: center !important;
	background: var(--ig-bg) !important;
	border: 1.5px solid var(--ig-border) !important;
	border-radius: var(--ig-r-pill) !important;
	overflow: hidden !important;
	box-shadow: none !important;
}

.woocommerce-cart .quantity * {
	float: none !important;
	position: static !important;
	margin: 0 !important;
	box-shadow: none !important;
}

.woocommerce-cart .quantity .minus,
.woocommerce-cart .quantity .plus {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 30px !important;
	height: 32px !important;
	background: transparent !important;
	color: var(--ig-heading) !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	cursor: pointer !important;
	border: none !important;
	outline: none !important;
	transition: background var(--ig-transition), color var(--ig-transition) !important;
	user-select: none !important;
}

.woocommerce-cart .quantity .minus:hover,
.woocommerce-cart .quantity .plus:hover {
	background: var(--ig-primary-light) !important;
	color: var(--ig-primary) !important;
}

.woocommerce-cart .quantity input.qty {
	display: inline-block !important;
	width: 38px !important;
	height: 32px !important;
	border: none !important;
	border-left: 1px solid var(--ig-border) !important;
	border-right: 1px solid var(--ig-border) !important;
	background: var(--ig-white) !important;
	text-align: center !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	color: var(--ig-heading) !important;
	padding: 0 !important;
	-moz-appearance: textfield !important;
	appearance: textfield !important;
	outline: none !important;
}

.woocommerce-cart .quantity input.qty::-webkit-inner-spin-button,
.woocommerce-cart .quantity input.qty::-webkit-outer-spin-button {
	-webkit-appearance: none !important;
}

.ig-cart-left-column {
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 100%;
}

.ig-cart-actions-row {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	padding: 14px 24px !important;
	border-top: 1.5px solid var(--ig-border-light) !important;
	background: #ffffff !important;
	gap: 16px !important;
	flex-wrap: wrap !important;
}

.ig-cart-actions-hint {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	color: #64748b !important;
}

.ig-cart-actions-hint svg {
	stroke: #2d6970 !important;
	flex-shrink: 0 !important;
}

.ig-cart-actions-row button.button,
.ig-cart-actions-row button.ig-btn-update-cart {
	height: 38px !important;
	border-radius: 100px !important;
	padding: 0 20px !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	background: #f1f5f9 !important;
	color: #0f172a !important;
	border: 1px solid #cbd5e1 !important;
	transition: all 0.25s ease !important;
	cursor: pointer !important;
	box-shadow: none !important;
	letter-spacing: 0.01em !important;
}

.ig-cart-actions-row button.button:hover,
.ig-cart-actions-row button.ig-btn-update-cart:hover {
	background: #2d6970 !important;
	color: #ffffff !important;
	border-color: #2d6970 !important;
	box-shadow: 0 4px 12px rgba(45, 105, 112, 0.25) !important;
}

/* Separate Coupon Card */
.ig-cart-coupon-card {
	background: var(--ig-white);
	border: 1.5px solid var(--ig-border-light);
	border-radius: var(--ig-r-lg);
	padding: 20px 24px;
	box-shadow: var(--ig-shadow-xs);
}

.ig-coupon-card-header {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14.5px;
	font-weight: 700;
	color: var(--ig-heading);
	margin-bottom: 14px;
}

.ig-coupon-card-header svg {
	stroke: var(--ig-primary);
	flex-shrink: 0;
}

.ig-coupon-card-body {
	display: flex;
	align-items: center;
	gap: 10px;
}

.ig-coupon-card-body input.ig-coupon-input {
	flex: 1;
	height: 44px;
	border-radius: var(--ig-r-pill);
	border: 1.5px solid var(--ig-border);
	padding: 0 18px;
	font-family: var(--ig-font);
	font-size: 13.5px;
	color: var(--ig-heading);
	outline: none;
	background: var(--ig-bg);
	transition: all var(--ig-transition);
}

.ig-coupon-card-body input.ig-coupon-input:focus {
	border-color: var(--ig-primary);
	background: var(--ig-white);
	box-shadow: 0 0 0 3px rgba(45,105,112,0.1);
}

.ig-coupon-card-body button.ig-coupon-btn {
	height: 44px !important;
	border-radius: var(--ig-r-pill) !important;
	padding: 0 24px !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	background: var(--ig-primary) !important;
	color: #ffffff !important;
	border: none !important;
	box-shadow: 0 4px 12px rgba(45,105,112,0.2) !important;
	transition: all var(--ig-transition) !important;
	cursor: pointer !important;
	white-space: nowrap !important;
}

.ig-coupon-card-body button.ig-coupon-btn:hover {
	background: var(--ig-primary-dark) !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 6px 16px rgba(45,105,112,0.3) !important;
}

.ig-cart-actions-row button.button[name="update_cart"] {
	height: 38px !important;
	border-radius: var(--ig-r-pill) !important;
	padding: 0 18px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	background: var(--ig-white) !important;
	color: var(--ig-body) !important;
	border: 1.5px solid var(--ig-border) !important;
	box-shadow: none !important;
	transition: all var(--ig-transition) !important;
}

.ig-cart-actions-row button.button[name="update_cart"]:hover {
	border-color: var(--ig-primary) !important;
	color: var(--ig-primary) !important;
	background: var(--ig-primary-light) !important;
}

/* --------------------------------------------------------------------------
   8. Cart Collaterals / Order Summary Panel (Right Column)
   -------------------------------------------------------------------------- */
.woocommerce-cart .cart-collaterals {
	background: var(--ig-white);
	border-radius: var(--ig-r-lg);
	border: 1.5px solid var(--ig-border-light);
	overflow: hidden;
	box-shadow: var(--ig-shadow-xs);
	position: sticky;
	top: 100px;
	width: 100%;
	box-sizing: border-box;
}

.woocommerce-cart .cart-collaterals .cart_totals {
	width: 100%;
	float: none;
	border: none !important;
	padding: 0;
}

.woocommerce-cart .cart-collaterals .cart_totals::after {
	display: none !important;
}

/* Summary Panel Header */
.woocommerce-cart .cart-collaterals h2 {
	font-size: 15px !important;
	font-weight: 700 !important;
	color: #0f172a !important;
	margin: 0 !important;
	padding: 18px 24px !important;
	border: none !important;
	border-bottom: 1.5px solid #cbd5e1 !important;
	background: #e2e8f0 !important;
	outline: none !important;
	box-shadow: none !important;
	letter-spacing: -0.01em;
}

/* Totals rows container */
.ig-totals {
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 0 24px;
	box-sizing: border-box;
}

.ig-totals__row {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 14px 0;
	border-bottom: 1px solid var(--ig-border-light);
	gap: 16px;
	box-sizing: border-box;
}

.ig-totals__row:last-child {
	border-bottom: none;
}

.ig-totals__label {
	font-size: 13px;
	font-weight: 500;
	color: var(--ig-muted);
	flex-shrink: 0;
	padding-top: 1px;
}

.ig-totals__value {
	font-size: 14px;
	font-weight: 600;
	color: var(--ig-heading);
	text-align: right;
	min-width: 0;
	flex: 1;
}

/* Total row */
.ig-totals__row--total {
	border-bottom: none;
	padding-top: 16px;
	margin-top: 4px;
	border-top: 2px solid var(--ig-border);
}

.ig-totals__row--total .ig-totals__label {
	font-size: 15px;
	font-weight: 700;
	color: var(--ig-heading);
}

.ig-totals__row--total .ig-totals__value {
	font-size: 20px;
	font-weight: 800;
}

.ig-totals__row--total .ig-totals__value .woocommerce-Price-amount {
	color: var(--ig-primary);
}

/* Discount row */
.ig-totals__row--discount .ig-totals__value {
	color: var(--ig-primary);
}

/* Shipping row */
.ig-totals__row--shipping {
	display: block !important;
	border-bottom: none !important;
	padding: 0 !important;
	gap: 0 !important;
}

.ig-totals__row--shipping .ig-totals__label {
	display: inline;
	margin-right: 8px;
}

.ig-totals__value--shipping {
	display: block;
	width: 100% !important;
	box-sizing: border-box !important;
	text-align: left;
	font-weight: 400;
	margin-top: 4px;
}

/* Shipping methods */
.woocommerce-shipping-methods {
	list-style: none !important;
	margin: 0 0 8px !important;
	padding: 0 !important;
}

.woocommerce-shipping-methods li {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 4px 0;
	font-size: 13px;
}

.woocommerce-shipping-methods li input[type="radio"],
.woocommerce-shipping-methods li input[type="hidden"] {
	margin: 0;
	flex-shrink: 0;
}

.woocommerce-shipping-methods li label {
	margin: 0;
	font-weight: 400;
	font-size: 13px;
	color: var(--ig-heading);
	cursor: pointer;
}

.woocommerce-shipping-destination {
	font-size: 12px;
	color: var(--ig-muted);
	margin: 0 0 6px !important;
}

.woocommerce-shipping-not-available {
	font-size: 13px;
	color: var(--ig-muted);
	margin: 0 0 6px !important;
}

/* Shipping Calculator Toggle Link & Form */
.shipping-calculator-button,
.ig-shipping-toggle {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	color: var(--ig-primary) !important;
	text-decoration: underline !important;
	cursor: pointer !important;
	margin-top: 6px !important;
	margin-bottom: 8px !important;
}

.shipping-calculator-button:hover,
.ig-shipping-toggle:hover {
	color: var(--ig-accent-dark) !important;
}

.shipping-calculator-form,
.ig-shipping-form {
	background: var(--ig-bg) !important;
	border: 1px solid var(--ig-border-light) !important;
	border-radius: var(--ig-r-md) !important;
	padding: 16px !important;
	margin-top: 10px !important;
	margin-bottom: 14px !important;
}

.shipping-calculator-form .form-row,
.ig-shipping-form .ig-shipping-field {
	margin-bottom: 12px !important;
}

.shipping-calculator-form label,
.ig-shipping-form label {
	display: block !important;
	font-size: 11.5px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.04em !important;
	color: var(--ig-muted) !important;
	margin-bottom: 4px !important;
}

.shipping-calculator-form input.input-text,
.shipping-calculator-form select,
.ig-shipping-form input.input-text,
.ig-shipping-form select {
	width: 100% !important;
	padding: 8px 12px !important;
	border: 1px solid var(--ig-border) !important;
	border-radius: var(--ig-r-sm) !important;
	font-size: 13px !important;
	background: var(--ig-white) !important;
	color: var(--ig-heading) !important;
	outline: none !important;
}

.shipping-calculator-form button.button,
.ig-shipping-form button.ig-shipping-submit {
	width: 100% !important;
	background: var(--ig-primary) !important;
	color: #ffffff !important;
	border: none !important;
	border-radius: var(--ig-r-pill) !important;
	padding: 9px 16px !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	cursor: pointer !important;
	transition: background var(--ig-transition) !important;
}

.shipping-calculator-form button.button:hover,
.ig-shipping-form button.ig-shipping-submit:hover {
	background: var(--ig-primary-dark) !important;
}

/* --------------------------------------------------------------------------
   9. Checkout Button
   -------------------------------------------------------------------------- */
.woocommerce-cart .wc-proceed-to-checkout {
	padding: 0 24px 24px !important;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	width: 100% !important;
	background: var(--ig-primary) !important;
	color: #ffffff !important;
	border-radius: var(--ig-r-pill) !important;
	padding: 15px 24px !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	font-family: var(--ig-font) !important;
	text-align: center !important;
	text-decoration: none !important;
	box-shadow: 0 4px 18px rgba(45,105,112,0.25) !important;
	transition: all 0.25s ease !important;
	letter-spacing: 0.01em;
	box-sizing: border-box !important;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button::after {
	content: "→";
	font-size: 17px;
	line-height: 1;
	transition: transform 0.2s ease;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
	background: var(--ig-primary-dark) !important;
	box-shadow: 0 6px 24px rgba(45,105,112,0.35) !important;
	transform: translateY(-2px) !important;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover::after {
	transform: translateX(4px);
}

/* Security note below button */
.ig-secure-note {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	font-size: 12px;
	color: var(--ig-muted);
	padding: 0 24px 20px;
	text-align: center;
}

/* --------------------------------------------------------------------------
   10. Shipping Calculator Toggle + Form
   -------------------------------------------------------------------------- */
.ig-shipping-toggle {
	display: inline-block;
	font-size: 13px;
	font-weight: 600;
	color: var(--ig-primary) !important;
	text-decoration: underline !important;
	text-underline-offset: 2px;
	cursor: pointer;
	margin-bottom: 8px;
	transition: color 0.15s ease;
}

.ig-shipping-toggle:hover {
	color: var(--ig-heading) !important;
}

.ig-shipping-form {
	width: 100% !important;
	box-sizing: border-box !important;
	background: var(--ig-bg);
	border: 1.5px solid var(--ig-border);
	border-radius: var(--ig-r-md);
	padding: 20px;
	margin-top: 4px;
}

.ig-shipping-field {
	margin-bottom: 14px;
	box-sizing: border-box;
}

.ig-shipping-field:last-of-type {
	margin-bottom: 0;
}

.ig-shipping-field label {
	display: block;
	font-size: 12px;
	font-weight: 600;
	color: var(--ig-heading);
	margin-bottom: 5px;
	letter-spacing: 0.01em;
}

.ig-shipping-field select,
.ig-shipping-field input[type="text"],
.ig-shipping-field input[type="email"],
.ig-shipping-field input[type="tel"] {
	width: 100% !important;
	height: 40px !important;
	padding: 0 14px !important;
	border: 1.5px solid var(--ig-border) !important;
	border-radius: var(--ig-r-sm) !important;
	font-size: 13px !important;
	font-family: var(--ig-font) !important;
	color: var(--ig-heading) !important;
	background: var(--ig-white) !important;
	outline: none !important;
	box-sizing: border-box !important;
	transition: border-color 0.15s ease !important;
	-webkit-appearance: none !important;
	appearance: none !important;
}

.ig-shipping-field select:focus,
.ig-shipping-field input[type="text"]:focus {
	border-color: var(--ig-primary) !important;
	box-shadow: 0 0 0 3px rgba(45,105,112,0.08) !important;
}

.ig-shipping-field select {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236b7280' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 14px center !important;
	background-size: 10px 6px !important;
	padding-right: 36px !important;
}

.ig-shipping-submit {
	display: block;
	width: 100%;
	height: 42px;
	background: var(--ig-primary);
	color: #ffffff;
	border: none;
	border-radius: var(--ig-r-pill);
	font-size: 13px;
	font-weight: 700;
	font-family: var(--ig-font);
	cursor: pointer;
	transition: background 0.15s ease;
	margin-top: 16px;
	letter-spacing: 0.02em;
	box-sizing: border-box;
}

.ig-shipping-submit:hover {
	background: var(--ig-primary-dark);
}

/* Select2 overrides */
.ig-shipping-form .select2-container {
	width: 100% !important;
	display: block !important;
	margin: 0 !important;
}

.ig-shipping-form .select2-container .select2-selection--single {
	height: 40px !important;
	border: 1.5px solid var(--ig-border) !important;
	border-radius: var(--ig-r-sm) !important;
	display: flex !important;
	align-items: center !important;
	background: var(--ig-white) !important;
	outline: none !important;
	box-shadow: none !important;
	padding: 0 !important;
	box-sizing: border-box !important;
	position: relative !important;
}

.ig-shipping-form .select2-container .select2-selection--single .select2-selection__rendered {
	font-size: 13px !important;
	font-family: var(--ig-font) !important;
	color: var(--ig-heading) !important;
	padding: 0 36px 0 14px !important;
	line-height: 38px !important;
	text-align: left !important;
	box-sizing: border-box !important;
}

.ig-shipping-form .select2-container .select2-selection--single .select2-selection__arrow {
	position: absolute !important;
	right: 4px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	height: 30px !important;
	width: 30px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: none !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236b7280' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: 10px 6px !important;
}

.ig-shipping-form .select2-container .select2-selection--single .select2-selection__arrow b {
	display: none !important;
}

/* --------------------------------------------------------------------------
   11. Empty Cart
   -------------------------------------------------------------------------- */
.ig-cart-empty-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: var(--ig-white);
	border-radius: var(--ig-r-lg);
	padding: 72px 40px;
	border: 1.5px solid var(--ig-border-light);
	max-width: 520px;
	margin: 48px auto;
	box-shadow: var(--ig-shadow-xs);
}

.ig-cart-empty-icon-wrap {
	width: 96px;
	height: 96px;
	background: var(--ig-primary-light);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--ig-primary);
	margin-bottom: 28px;
}

.ig-cart-empty-svg {
	width: 44px;
	height: 44px;
}

.ig-cart-empty-title {
	font-size: 22px;
	font-weight: 700;
	color: var(--ig-heading);
	margin: 0 0 10px;
}

.ig-cart-empty-message {
	font-size: 14px;
	color: var(--ig-muted);
	max-width: 380px;
	line-height: 1.65;
	margin: 0 0 28px;
}

/* --------------------------------------------------------------------------
   12. WooCommerce Notices
   -------------------------------------------------------------------------- */
.woocommerce-cart .woocommerce-error,
.woocommerce-cart .woocommerce-message,
.woocommerce-cart .woocommerce-info {
	margin-bottom: 24px !important;
	border-radius: var(--ig-r-md) !important;
}

/* --------------------------------------------------------------------------
   13. Responsive
   -------------------------------------------------------------------------- */
@media (max-width: 768px) {
	.woocommerce-cart .woocommerce-cart-form {
		border-radius: var(--ig-r-md);
	}

	.woocommerce-cart-form__contents.ig-cart-items-wrapper {
		padding: 0 16px;
	}

	.ig-cart-panel-header {
		padding: 16px;
	}

	.ig-cart-actions-row {
		padding: 16px;
		flex-direction: column;
		align-items: stretch;
		gap: 10px;
	}

	.ig-cart-actions-row .coupon {
		flex-direction: column;
	}

	.ig-cart-actions-row .coupon input.input-text {
		width: 100% !important;
	}

	.ig-cart-actions-row button.button[name="update_cart"],
	.ig-cart-actions-row .coupon button.button {
		width: 100% !important;
		height: 42px !important;
	}

	.ig-cart-card {
		gap: 14px;
		padding: 16px 0;
	}

	.ig-cart-card-thumb {
		width: 72px !important;
		height: 72px !important;
	}

	.ig-cart-card-thumb img {
		width: 72px !important;
		height: 72px !important;
	}

	.ig-coupon-card-body {
		flex-direction: column !important;
		align-items: stretch !important;
	}

	.ig-coupon-card-body input.ig-coupon-input,
	.ig-coupon-card-body button.ig-coupon-btn {
		width: 100% !important;
	}

	.ig-cart-card-details {
		padding-right: 28px;
	}

	.ig-cart-card-pricing-row {
		flex-wrap: wrap;
		gap: 10px;
	}

	.ig-cart-card-pricing-row .product-quantity {
		order: -1;
	}

	.ig-cart-card-pricing-row .product-subtotal {
		margin-left: 0;
	}

	.woocommerce-cart .cart-collaterals {
		position: static;
		border-radius: var(--ig-r-md);
	}

	.woocommerce-cart .quantity .minus,
	.woocommerce-cart .quantity .plus {
		width: 34px !important;
		height: 36px !important;
	}

	.woocommerce-cart .quantity input.qty {
		width: 42px !important;
		height: 36px !important;
	}
}

@media (max-width: 480px) {
	.ig-cart-card-thumb {
		width: 64px !important;
		height: 64px !important;
	}

	.ig-cart-card-thumb img {
		width: 64px !important;
		height: 64px !important;
	}

	.ig-cart-card-title a {
		font-size: 14px !important;
	}

	.product-subtotal {
		font-size: 15px !important;
	}

	.woocommerce-cart .cart-collaterals h2 {
		padding: 16px 18px !important;
	}

	.ig-totals {
		padding: 0 18px;
	}

	.woocommerce-cart .wc-proceed-to-checkout {
		padding: 0 18px 18px !important;
	}
}