/* ============================================================
   SJ Cart — Sticky checkout bar (mobile / tablet ≤1024px)
   Markup: template-parts/cart/mobile-bar.php
   ============================================================ */

body.sj-cart-page.sj-has-cart-sticky {
	--sj-cart-sticky-lift: calc(5.75rem + env(safe-area-inset-bottom, 0px));
	--sj-cart-sticky-h: var(--sj-cart-sticky-lift);
}

/* ── Shell (fixed to viewport, never inside overflow parents) ── */
.sj-cart-sticky-bar {
	display: none;
	position: fixed;
	inset-inline: 0;
	bottom: 0;
	z-index: 100090;
	margin: 0;
	padding: 0 max(0.75rem, env(safe-area-inset-left)) max(0.65rem, env(safe-area-inset-bottom)) max(0.75rem, env(safe-area-inset-right));
	box-sizing: border-box;
	font-family: var(--sj-font-primary);
	direction: rtl;
	pointer-events: none;
}

@media (max-width: 1024px) {
	body.sj-cart-page.sj-has-cart-sticky .sj-cart-sticky-bar.is-visible {
		display: block;
		pointer-events: auto;
	}

	/* Hide duplicate WC checkout + bottom nav */
	body.sj-cart-page.sj-has-cart-sticky .wp-block-woocommerce-proceed-to-checkout-block,
	body.sj-cart-page.sj-has-cart-sticky .wc-block-cart__submit-container,
	body.sj-cart-page.sj-has-cart-sticky .sj-mnav {
		display: none !important;
	}

	body.sj-cart-page.sj-has-cart-sticky.sj-has-mnav {
		padding-bottom: var(--sj-cart-sticky-lift) !important;
	}

	body.sj-cart-page.sj-has-cart-sticky .sj-support__fab {
		bottom: calc(var(--sj-cart-sticky-lift) + var(--sj-support-bottom, 16px));
	}

	body.sj-cart-page.sj-has-cart-sticky .sj-support__panel {
		bottom: calc(
			var(--sj-cart-sticky-lift) + var(--sj-support-bottom, 16px) + var(--sj-support-fab-size, 52px) +
				var(--sj-support-gap, 12px)
		);
	}
}

@media (min-width: 1025px) {
	.sj-cart-sticky-bar {
		display: none !important;
	}
}

/* ── Panel ── */
.sj-cart-sticky-bar__panel {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	max-width: 1180px;
	margin-inline: auto;
	min-height: 3.5rem;
	padding: 0.6rem 0.75rem;
	border: 1px solid var(--sj-ct-line-gold);
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.96);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.95) inset,
		0 12px 36px -14px rgba(20, 17, 13, 0.22);
	box-sizing: border-box;
}

/* ── Summary (count + total) ── */
.sj-cart-sticky-bar__summary {
	flex: 1 1 auto;
	min-width: 0;
}

.sj-cart-sticky-bar__count {
	margin: 0 0 0.12rem;
	font-size: 0.72rem;
	font-weight: 500;
	line-height: 1.3;
	color: var(--sj-ct-muted);
}

.sj-cart-sticky-bar__count [data-sj-cart-sticky-count] {
	font-weight: 700;
	color: var(--sj-ct-gold-dark);
}

.sj-cart-sticky-bar__total {
	font-size: 0.95rem;
	font-weight: 700;
	line-height: 1.25;
	color: var(--sj-ct-ink);
	letter-spacing: -0.01em;
}

.sj-cart-sticky-bar__total .woocommerce-Price-amount,
.sj-cart-sticky-bar__total .wc-block-formatted-money-amount,
.sj-cart-sticky-bar__total bdi {
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
}

/* ── CTA — scoped reset (no theme / WC link bleed) ── */
.sj-cart-sticky-bar a.sj-cart-sticky-bar__btn,
.sj-cart-sticky-bar__btn {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	gap: 0.4rem;
	min-width: 8.25rem;
	min-height: 2.75rem;
	margin: 0;
	padding: 0.6rem 1.15rem;
	border: none;
	border-radius: 999px;
	font-family: inherit;
	font-size: 0.84rem;
	font-weight: 700;
	line-height: 1.2;
	white-space: nowrap;
	text-decoration: none;
	color: #fff !important;
	background-color: #b79567 !important;
	background-image: none !important;
	box-shadow: 0 8px 20px -10px rgba(138, 111, 71, 0.55);
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	box-sizing: border-box;
	transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.sj-cart-sticky-bar__btn-label {
	color: #fff !important;
}

.sj-cart-sticky-bar__btn i {
	font-size: 1.05rem;
	line-height: 1;
	color: #fff !important;
	flex-shrink: 0;
}

.sj-cart-sticky-bar a.sj-cart-sticky-bar__btn:hover,
.sj-cart-sticky-bar a.sj-cart-sticky-bar__btn:focus,
.sj-cart-sticky-bar__btn:hover,
.sj-cart-sticky-bar__btn:focus {
	color: #fff !important;
	text-decoration: none !important;
	background-color: #b79567 !important;
	background-image: none !important;
}

.sj-cart-sticky-bar a.sj-cart-sticky-bar__btn:active,
.sj-cart-sticky-bar__btn:active {
	color: #fff !important;
	background-color: #b79567 !important;
	filter: brightness(0.92);
	background-image: none !important;
	transform: scale(0.97);
}

@media (max-width: 380px) {
	.sj-cart-sticky-bar {
		padding-inline: max(0.5rem, env(safe-area-inset-left)) max(0.5rem, env(safe-area-inset-right));
	}

	.sj-cart-sticky-bar__panel {
		gap: 0.5rem;
		padding: 0.55rem 0.6rem;
	}

	.sj-cart-sticky-bar a.sj-cart-sticky-bar__btn,
	.sj-cart-sticky-bar__btn {
		min-width: 6.75rem;
		padding-inline: 0.9rem;
		font-size: 0.8rem;
	}

	.sj-cart-sticky-bar__btn-label {
		display: inline;
	}
}

@media (max-width: 359px) {
	.sj-cart-sticky-bar__panel {
		flex-wrap: wrap;
	}

	.sj-cart-sticky-bar__summary {
		flex: 1 1 100%;
	}

	.sj-cart-sticky-bar a.sj-cart-sticky-bar__btn,
	.sj-cart-sticky-bar__btn {
		width: 100%;
		min-width: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.sj-cart-sticky-bar__btn {
		transition: none;
	}
}