/*
 * WooCommerce Block Cart overrides for Bookory theme
 * Bookory has no block-cart styles — only classic cart.
 * This stylesheet bridges the gap so the block cart looks
 * consistent with Bookory's checkout block rendering.
 *
 * Scoped to .woocommerce-cart only.
 */

/* ── Hide shipping selector on cart ─────────────────────── */
.woocommerce-cart .cart_totals .woocommerce-shipping-methods,
.woocommerce-cart .cart_totals .shipping-calculator-button,
.woocommerce-cart .cart_totals .woocommerce-shipping-destination,
.woocommerce-cart .cart_totals tr.shipping,
.woocommerce-cart .cart_totals tr.woocommerce-shipping-totals {
	display: none !important;
}

/* ── Variables ──────────────────────────────────────────── */
.woocommerce-cart .wp-block-woocommerce-cart {
	--wc-cart-border: #e5e7eb;
	--wc-cart-text: #1e293b;
	--wc-cart-muted: #64748b;
	--wc-cart-accent: #f4c95d;
	--wc-cart-bg: #fff;
	--wc-cart-radius: 8px;
	color: var(--wc-cart-text);
	font-family: inherit;
}

/* ── Full width within Bookory's col-full (1320px) ──────── */
.woocommerce-cart .entry-content,
.woocommerce-cart .entry-content > .alignwide,
.woocommerce-cart .entry-content > .wp-block-woocommerce-cart,
.woocommerce-cart .entry-content > .wp-block-woocommerce-cart.alignwide {
	max-width: 100% !important;
	width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* ── Two-column sidebar layout ──────────────────────────── */
.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-sidebar-layout {
	display: flex !important;
	flex-wrap: nowrap !important;
	gap: 2rem;
	align-items: flex-start;
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-main {
	flex: 1 1 0% !important;
	min-width: 0 !important;
	max-width: none !important;
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-sidebar {
	flex: 0 0 340px !important;
	width: 340px !important;
	min-width: 340px !important;
	max-width: 340px !important;
}

/* ── Cart items table ───────────────────────────────────── */
.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-items {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid var(--wc-cart-border);
	border-radius: var(--wc-cart-radius);
	overflow: hidden;
	background: var(--wc-cart-bg);
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-items table {
	width: 100% !important;
	table-layout: auto !important;
	border-spacing: 0;
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-items__header {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--wc-cart-muted);
	border-bottom: 1px solid var(--wc-cart-border);
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-items__header th {
	border: none;
	padding: 0.75rem 1rem;
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-items__row {
	border-bottom: 1px solid var(--wc-cart-border);
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-items__row:last-child {
	border-bottom: none;
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-items__row td {
	padding: 1.25rem 1rem;
	vertical-align: top;
	border: none;
}

/* ── Product cell: image + details side by side ─────────── */
.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-item__product {
	display: flex !important;
	gap: 1rem;
	align-items: flex-start;
	min-width: 0;
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-item__image {
	flex: 0 0 80px;
	width: 80px;
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-item__image img {
	width: 80px;
	height: auto;
	border-radius: 4px;
	object-fit: cover;
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-item__wrap {
	display: flex !important;
	flex-direction: column !important;
	min-width: 0 !important;
	flex: 1 1 0% !important;
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-product-name {
	font-weight: 600;
	font-size: 15px;
	color: var(--wc-cart-text);
	word-break: break-word;
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-product-price {
	font-size: 14px;
	color: var(--wc-cart-muted);
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-product-metadata {
	font-size: 13px;
	line-height: 1.5;
	color: var(--wc-cart-muted);
	max-width: none !important;
	word-break: break-word;
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-product-details {
	font-size: 13px;
	line-height: 1.5;
}

/* ── Quantity + total columns ───────────────────────────── */
.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-item__quantity {
	white-space: nowrap;
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-quantity-selector {
	border: 1px solid var(--wc-cart-border);
	border-radius: var(--wc-cart-radius);
	display: inline-flex;
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-item__total {
	text-align: right;
	white-space: nowrap;
	font-weight: 600;
	font-size: 15px;
}

/* ── Remove link ────────────────────────────────────────── */
.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart-item__remove-link {
	font-size: 12px;
	color: var(--wc-cart-muted);
	text-decoration: underline;
}

/* ── Sidebar summary panel ──────────────────────────────── */
.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-sidebar {
	background: var(--wc-cart-bg);
	border: 1px solid var(--wc-cart-border);
	border-radius: var(--wc-cart-radius);
	padding: 1.25rem;
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-sidebar .wc-block-components-totals-wrapper {
	border-color: var(--wc-cart-border);
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-sidebar .wc-block-components-totals-item {
	padding: 0.75rem 0;
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-sidebar .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
	font-size: 22px;
	font-weight: 700;
}

/* ── Proceed to checkout button ─────────────────────────── */
.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart__submit-button,
.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-checkout-place-order-button,
.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-button {
	border-radius: 999px;
	border: 0;
	background: var(--wc-cart-accent) !important;
	color: #fff !important;
	font-weight: 700;
	font-size: 15px;
	padding: 0.85rem 2rem;
	width: 100%;
	text-align: center;
	cursor: pointer;
	transition: opacity 0.2s;
}

.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart__submit-button:hover,
.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-button:hover {
	opacity: 0.9;
}

/* ── Hide cross-sells (cleaner layout) ──────────────────── */
.woocommerce-cart .wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block {
	display: none;
}

/* ── Coupon panel ───────────────────────────────────────── */
.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-panel__button {
	font-size: 14px;
	font-weight: 500;
}

/* ── Mobile ─────────────────────────────────────────────── */
@media (max-width: 1024px) {
	.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-sidebar-layout {
		flex-direction: column !important;
	}

	.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-sidebar {
		flex: 1 1 auto !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
	}
}