/**
 * WooCommerce CSS Overrides
 *
 * Suppresses default WooCommerce styles and provides theme-consistent replacements.
 * Most WC default stylesheets are dequeued in inc/enqueue.php.
 */

/* ── Hide WC notices (cart/checkout related) ────────────────────────── */

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
	display: none !important;
}

/* ── Remove WC layout constraints ───────────────────────────────────── */

.woocommerce-page #primary,
.woocommerce #primary {
	width: 100%;
	float: none;
}

/* ── Hide all price markup ───────────────────────────────────────────── */

.woocommerce .price,
.woocommerce-Price-amount,
.woocommerce ins .woocommerce-Price-amount,
.woocommerce del .woocommerce-Price-amount {
	display: none !important;
}

/* ── Hide WC default buttons ─────────────────────────────────────────── */

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.single_add_to_cart_button,
.woocommerce-variation-add-to-cart {
	display: none !important;
}

/* ── Hide WC tabs, stock, SKU ────────────────────────────────────────── */

.woocommerce-tabs,
.woocommerce .stock,
.woocommerce .out-of-stock,
.woocommerce .product_meta,
.woocommerce .woocommerce-product-rating,
.woocommerce .related.products {
	display: none !important;
}

/* ── Remove WC breadcrumb (we render our own) ────────────────────────── */

.woocommerce-breadcrumb {
	display: none !important;
}

/* ── Ensure WC page title is hidden (controlled by theme) ────────────── */

.woocommerce-products-header__title {
	display: none;
}

/* ── WC form fields ──────────────────────────────────────────────────── */

.woocommerce form .form-row label {
	font-family: var(--font);
	color: var(--text-secondary);
	font-size: 0.875rem;
	font-weight: 600;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
	background-color: var(--bg-alt);
	border: 1px solid var(--border);
	border-radius: var(--r-md);
	color: var(--text-primary);
	font-family: var(--font);
	padding: 0.75rem 1rem;
	width: 100%;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
	border-color: var(--accent-border);
	outline: none;
	box-shadow: 0 0 0 3px rgba(0, 174, 239, 0.15);
}