/*
 * P2B checkout skin — cosmetic only, scoped to WooCommerce cart/checkout body classes so it can never
 * leak to other pages. It restyles colours, type, radius and the primary buttons to match /store.
 * It deliberately does NOT touch layout structure, field names, gateway containers or hooks — the
 * checkout markup, validation, OTP gate, COD flow and settlement stay 100% native WooCommerce.
 */
.woocommerce-cart, .woocommerce-checkout, .woocommerce-order-received {
	--p2b-accent: #2563EB; --p2b-accent-d: #1D4ED8; --p2b-soft: #F8FAFC; --p2b-line: #EAECF0;
}

/* Back-to-store bar (injected via woocommerce_before_main_content) */
.p2b-co-bar {
	display: flex; align-items: center; justify-content: space-between; gap: 12px;
	max-width: 1100px; margin: 0 auto 18px; padding: 12px 4px; border-bottom: 1px solid var(--p2b-line, #EAECF0);
}
.p2b-co-bar__back { font-weight: 700; color: var(--p2b-accent, #2563EB); text-decoration: none; }
.p2b-co-bar__back:hover { text-decoration: underline; }
.p2b-co-bar__brand { font-weight: 800; letter-spacing: -.5px; font-size: 18px; opacity: .85; }
.p2b-co-bar__brand::first-letter { color: var(--p2b-accent, #2563EB); }

/* Type — pick up the storefront fonts where available (falls back gracefully). */
.woocommerce-cart .site-main, .woocommerce-checkout .site-main,
.woocommerce-cart .entry-content, .woocommerce-checkout .entry-content,
.woocommerce-cart .woocommerce, .woocommerce-checkout .woocommerce {
	font-family: Cairo, Tajawal, system-ui, -apple-system, "Segoe UI", sans-serif;
}

/* Primary actions → accent (checkout place-order, cart proceed, apply-coupon stays neutral). */
.woocommerce-cart a.checkout-button,
.woocommerce-checkout #place_order,
.woocommerce-cart .wc-proceed-to-checkout a.button,
.woocommerce #payment #place_order {
	background: var(--p2b-accent) !important; border-color: var(--p2b-accent) !important; color: #fff !important;
	border-radius: 10px !important; font-weight: 700 !important; box-shadow: none !important; text-shadow: none !important;
}
.woocommerce-cart a.checkout-button:hover,
.woocommerce-checkout #place_order:hover,
.woocommerce #payment #place_order:hover { background: var(--p2b-accent-d) !important; border-color: var(--p2b-accent-d) !important; }

/* Order review + totals panels */
.woocommerce-checkout #order_review, .woocommerce-checkout .woocommerce-checkout-review-order,
.woocommerce-cart .cart_totals {
	background: var(--p2b-soft); border: 1px solid var(--p2b-line); border-radius: 14px; padding: 18px;
}
.woocommerce-checkout #payment { background: transparent; }
.woocommerce table.shop_table { border-radius: 12px; border-color: var(--p2b-line); }

/* Inputs — softer, rounded, accent focus (no size/position changes). */
.woocommerce-cart .input-text, .woocommerce-checkout .input-text,
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea,
.woocommerce-checkout select, .woocommerce .select2-selection {
	border-radius: 10px !important; border-color: var(--p2b-line) !important;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus { outline: 2px solid var(--p2b-accent); border-color: var(--p2b-accent) !important; }

/* Coupon / info notices pick up the accent rather than the theme's default blue. */
.woocommerce-info, .woocommerce-message { border-top-color: var(--p2b-accent) !important; }
.woocommerce-info::before, .woocommerce-message::before { color: var(--p2b-accent) !important; }

@media (max-width: 768px) {
	.woocommerce-cart, .woocommerce-checkout {
		overflow-x: hidden;
	}
	.p2b-co-bar {
		padding-inline: 12px;
		align-items: flex-start;
		flex-direction: column;
	}
	.woocommerce-cart .input-text,
	.woocommerce-checkout .input-text,
	.woocommerce form .form-row input.input-text,
	.woocommerce form .form-row textarea,
	.woocommerce-checkout select,
	.woocommerce .select2-selection,
	.woocommerce-cart a.checkout-button,
	.woocommerce-checkout #place_order,
	.woocommerce-cart .wc-proceed-to-checkout a.button,
	.woocommerce #payment #place_order {
		min-height: 44px !important;
		font-size: 16px !important;
	}
	.woocommerce-cart a.checkout-button,
	.woocommerce-checkout #place_order,
	.woocommerce-cart .wc-proceed-to-checkout a.button,
	.woocommerce #payment #place_order {
		width: 100% !important;
		display: flex !important;
		align-items: center;
		justify-content: center;
	}
	.woocommerce table.shop_table_responsive tr td,
	.woocommerce-page table.shop_table_responsive tr td {
		min-height: 44px;
	}
	.woocommerce-checkout #order_review,
	.woocommerce-checkout .woocommerce-checkout-review-order,
	.woocommerce-cart .cart_totals {
		padding: 14px;
		border-radius: 12px;
	}
}