/* ===========================================================================
   CTW cobalt over WooCommerce cart / checkout / account (classic templates).
   Enqueued AFTER WooCommerce's own CSS (see inc/shop.php) on those pages only.
   =========================================================================== */

.woocommerce, .woocommerce-page { font-family: var(--font-ui); color: var(--ink); }
.woocommerce h1, .woocommerce h2, .woocommerce h3 { font-weight: 800; letter-spacing: -0.02em; }

/* --- buttons --- */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .woocommerce a.button.alt, .woocommerce button.button.alt {
	background: var(--cobalt); color: #fff; border: 0; border-radius: 12px;
	font-family: var(--font-ui); font-weight: 800; font-size: 15px; padding: 13px 22px;
	text-transform: none; box-shadow: none; transition: background-color .15s ease;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce #respond input#submit:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover {
	background: var(--cobalt-deep); color: #fff;
}
.woocommerce .cart .button, .woocommerce .cart input.button { padding: 11px 18px; }
.wc-proceed-to-checkout .checkout-button, #place_order { width: 100%; padding: 16px; font-size: 16px; }

/* --- tables (cart + order review) --- */
.woocommerce table.shop_table { border: 1px solid var(--hair); border-radius: 14px; border-collapse: separate; overflow: hidden; }
.woocommerce table.shop_table th { background: var(--paper); font-weight: 700; color: var(--nav); }
.woocommerce table.shop_table td, .woocommerce table.shop_table th { border-top-color: var(--hair-3); padding: 14px 16px; }
.woocommerce table.shop_table .product-remove a.remove { color: var(--muted); border: 0; }
.woocommerce table.shop_table .product-remove a.remove:hover { background: transparent; color: #c0392b; }

/* --- quantity --- */
.woocommerce .quantity .qty { width: 76px; border: 1.5px solid var(--hair-2); border-radius: 10px; padding: 10px; font-family: var(--font-ui); font-size: 15px; text-align: center; }

/* --- totals / review panels --- */
.cart_totals, .woocommerce-checkout-review-order, .woocommerce-order-details, .woocommerce-customer-details {
	border: 1px solid var(--hair); border-radius: 14px; padding: 8px 20px;
}
.cart_totals h2, .woocommerce-checkout-review-order .shop_table caption { padding-top: 12px; }

/* --- form fields --- */
.woocommerce form .form-row label { font-weight: 700; font-size: 13px; color: var(--nav); }
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce .select2-container .select2-selection--single {
	border: 1.5px solid var(--hair-2); border-radius: 11px; padding: 12px 14px;
	font-family: var(--font-ui); font-size: 15px; color: var(--ink); background: #fff; min-height: 48px; line-height: 1.3;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus,
.woocommerce .select2-container--focus .select2-selection--single {
	border-color: var(--cobalt); box-shadow: 0 0 0 3px rgba(47,107,255,0.13); outline: none;
}

/* --- notices --- */
.woocommerce-message, .woocommerce-info { border-top: 3px solid var(--cobalt); background: var(--cobalt-tint-bg); border-radius: 10px; }
.woocommerce-message::before, .woocommerce-info::before { color: var(--cobalt); }
.woocommerce-error { border-top-color: #c0392b; background: #FDECEC; border-radius: 10px; }

/* --- payment box --- */
.woocommerce-checkout #payment { background: var(--paper); border-radius: 14px; }
.woocommerce-checkout #payment ul.payment_methods { border-bottom: 1px solid var(--hair); }
.woocommerce-checkout #payment div.payment_box { background: #fff; border-radius: 10px; }
.woocommerce-checkout #payment div.payment_box::before { border-bottom-color: #fff; }

/* --- links --- */
.woocommerce a { color: var(--cobalt); }
.woocommerce a:hover { color: var(--cobalt-deep); }
.woocommerce .cart-collaterals .cart_totals tr td, .woocommerce .cart-collaterals .cart_totals tr th { border-top: 1px solid var(--hair-3); }