/* =============================================================
   PocketVibes — WooCommerce: Cart · Checkout · My Account
   ============================================================= */

/* --- Shared dark base --- */
.woocommerce-page {
	background: var(--pv-bg-0) !important;
}

/* Form inputs */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-page form .form-row input.input-text,
.woocommerce-page form .form-row textarea,
.woocommerce-page form .form-row select {
	background: var(--pv-bg-2) !important;
	border: 1px solid var(--pv-border) !important;
	border-radius: var(--pv-r-sm) !important;
	color: var(--pv-text-1) !important;
	padding: 10px 14px !important;
	font-family: var(--pv-font-sans) !important;
	font-size: 0.9rem !important;
	transition: border-color var(--pv-t-base) var(--pv-ease) !important;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row select:focus {
	border-color: var(--pv-mint) !important;
	box-shadow: 0 0 0 3px rgba(var(--pv-mint-rgb), 0.12) !important;
	outline: none !important;
}
.woocommerce form label,
.woocommerce-page form label {
	color: var(--pv-text-2) !important;
	font-size: 0.85rem;
	font-weight: 500;
}

/* --- Tables (cart / order review) --- */
.woocommerce table.shop_table,
.woocommerce-page table.shop_table {
	background: var(--pv-bg-1) !important;
	border: 1px solid var(--pv-border) !important;
	border-radius: var(--pv-r-lg) !important;
	overflow: hidden;
	border-collapse: separate !important;
	border-spacing: 0 !important;
}

.woocommerce table.shop_table thead th {
	background: var(--pv-bg-2) !important;
	color: var(--pv-text-3) !important;
	font-family: var(--pv-font-mono);
	font-size: 0.7rem;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight: 600;
	border-bottom: 1px solid var(--pv-border) !important;
	padding: 12px 16px !important;
}

.woocommerce table.shop_table td {
	border-bottom: 1px solid var(--pv-border) !important;
	color: var(--pv-text-1) !important;
	padding: 14px 16px !important;
	vertical-align: middle;
}

.woocommerce table.shop_table tr:last-child td {
	border-bottom: none !important;
}

/* Product name in cart */
.woocommerce table.shop_table td.product-name a {
	color: var(--pv-text-1) !important;
	font-weight: 600;
}
.woocommerce table.shop_table td.product-name a:hover {
	color: var(--pv-mint) !important;
	opacity: 1;
}

/* Quantity input in cart */
.woocommerce .quantity input.qty {
	background: var(--pv-bg-3) !important;
	border: 1px solid var(--pv-border) !important;
	border-radius: var(--pv-r-sm) !important;
	color: var(--pv-text-1) !important;
	font-family: var(--pv-font-mono) !important;
	text-align: center;
}

/* Remove / delete button */
.woocommerce table.cart a.remove {
	color: var(--pv-text-3) !important;
	font-size: 1.2rem !important;
	transition: color var(--pv-t-base) var(--pv-ease) !important;
}
.woocommerce table.cart a.remove:hover {
	color: #F87171 !important;
	background: transparent !important;
}

/* Cart price */
.woocommerce table.cart .amount,
.woocommerce-page table.cart .amount {
	color: var(--pv-mint) !important;
	font-family: var(--pv-font-mono) !important;
}

/* --- Cart Totals / Checkout order review --- */
.woocommerce-cart .cart-collaterals .cart_totals,
.woocommerce-checkout #order_review {
	background: var(--pv-bg-1) !important;
	border: 1px solid var(--pv-border) !important;
	border-radius: var(--pv-r-lg) !important;
	padding: 28px !important;
}

.woocommerce-cart .cart-collaterals h2,
.woocommerce-checkout h3 {
	color: var(--pv-text-1) !important;
	font-size: 1.1rem !important;
	margin-bottom: 20px !important;
	padding-bottom: 16px;
	border-bottom: 1px solid var(--pv-border);
}

/* Coupon form */
.woocommerce-cart .coupon input.input-text {
	background: var(--pv-bg-3) !important;
	border: 1px solid var(--pv-border) !important;
	border-radius: var(--pv-r-sm) !important;
	color: var(--pv-text-1) !important;
}
.woocommerce-cart .coupon .button {
	background: transparent !important;
	color: var(--pv-mint) !important;
	border: 1px solid rgba(var(--pv-mint-rgb), 0.4) !important;
	border-radius: var(--pv-r-sm) !important;
	transition: all var(--pv-t-base) var(--pv-ease) !important;
}
.woocommerce-cart .coupon .button:hover {
	background: var(--pv-mint-dim) !important;
}

/* Update cart button */
.woocommerce-cart .actions .button[name="update_cart"] {
	background: var(--pv-bg-3) !important;
	color: var(--pv-text-2) !important;
	border: 1px solid var(--pv-border) !important;
	border-radius: var(--pv-r-sm) !important;
}

/* --- Primary CTA buttons (Checkout / Place Order) --- */
.woocommerce a.checkout-button,
.woocommerce .cart_totals a.button,
#place_order,
.woocommerce button.button.alt {
	background: var(--pv-mint) !important;
	color: var(--pv-bg-0) !important;
	border: none !important;
	border-radius: var(--pv-r-md) !important;
	padding: 14px 28px !important;
	font-weight: 700 !important;
	font-size: 0.95rem !important;
	width: 100% !important;
	text-align: center !important;
	transition: all var(--pv-t-base) var(--pv-ease) !important;
	letter-spacing: 0.02em;
}
.woocommerce a.checkout-button:hover,
#place_order:hover,
.woocommerce button.button.alt:hover {
	background: #1AFFB5 !important;
	color: var(--pv-bg-0) !important;
	box-shadow: var(--pv-mint-glow) !important;
	opacity: 1 !important;
}

/* --- My Account --- */
.woocommerce-MyAccount-navigation ul {
	background: var(--pv-bg-1) !important;
	border: 1px solid var(--pv-border) !important;
	border-radius: var(--pv-r-lg) !important;
	overflow: hidden;
	padding: 8px !important;
	list-style: none !important;
	margin: 0 !important;
}

.woocommerce-MyAccount-navigation ul li { margin: 0 !important; }

.woocommerce-MyAccount-navigation ul li a {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 16px !important;
	color: var(--pv-text-2) !important;
	border-radius: var(--pv-r-sm);
	font-size: 0.875rem;
	font-weight: 500;
	transition: all var(--pv-t-base) var(--pv-ease) !important;
	text-decoration: none !important;
}

.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--is-active a {
	background: var(--pv-mint-dim) !important;
	color: var(--pv-mint) !important;
	opacity: 1 !important;
}

/* Account content area */
.woocommerce-MyAccount-content {
	color: var(--pv-text-2) !important;
}
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
	color: var(--pv-text-1) !important;
}

/* Orders table */
.woocommerce-orders-table mark.order-status {
	background: var(--pv-mint-dim) !important;
	color: var(--pv-mint) !important;
	border-radius: 100px;
	padding: 3px 10px;
	font-size: 0.75rem;
}
