/* =============================================================================
 * OtakusCR · woocommerce.css
 *
 * Reviste las plantillas por defecto de WooCommerce (clásicas: single
 * product, shop, my-account · basadas en bloques: cart, checkout) con la
 * paleta oscura del theme. No reemplaza las plantillas, solo las re-skinnea
 * con CSS para que no se vean "en blanco" sobre el resto del sitio.
 * ============================================================================ */

/* ── Contenedor general ──────────────────────────────────────────────────── */
.woocommerce,
.woocommerce-page,
.wc-block-cart,
.wc-block-checkout {
	color: var(--fg);
}

.woocommerce div.product .woocommerce-notices-wrapper,
.woocommerce-breadcrumb {
	color: var(--muted);
	font-size: 13px;
	margin-bottom: 16px;
}
.woocommerce-breadcrumb a { color: var(--muted); }
.woocommerce-breadcrumb a:hover { color: var(--fg); }

/* ── Precio ───────────────────────────────────────────────────────────────── */
.woocommerce-Price-amount,
.wc-block-components-formatted-money-amount {
	color: var(--accent);
	font-family: var(--font-mono);
	font-weight: 700;
}

/* ── Galería de producto (single product clásico) ───────────────────────── */
.woocommerce-product-gallery__wrapper,
.woocommerce-product-gallery__image,
.woocommerce-product-gallery__image--placeholder {
	background: var(--surface);
	border-radius: var(--radius-lg);
	border: 1px solid var(--border);
}
.woocommerce-product-gallery img { border-radius: var(--radius-lg); }

.product_title {
	font-family: var(--font-display);
	color: var(--fg);
}

.product_meta,
.posted_in,
.tagged_as {
	color: var(--muted);
	font-size: 13px;
}
.product_meta a { color: var(--accent); }

/* ── Cantidad + botón agregar al carrito ─────────────────────────────────── */
.quantity .qty,
.wc-block-components-quantity-selector__input {
	background: var(--surface);
	border: 1px solid var(--border);
	color: var(--fg);
	border-radius: var(--radius);
	padding: 8px 10px;
}

.single_add_to_cart_button,
.wc-block-components-button,
.wc-block-cart__submit-button,
.checkout-button,
.wp-block-woocommerce-checkout-actions-block .wc-block-components-checkout-place-order-button {
	background: var(--accent) !important;
	border: none !important;
	color: #fff !important;
	border-radius: var(--radius-pill) !important;
	font-weight: 700 !important;
	transition: background var(--dur-base) var(--ease);
}
.single_add_to_cart_button:hover,
.wc-block-components-button:hover,
.wc-block-cart__submit-button:hover {
	background: color-mix(in oklch, var(--accent) 85%, white) !important;
}

/* ── Tabs (descripción / reseñas) ────────────────────────────────────────── */
.woocommerce-tabs ul.tabs { border-bottom: 1px solid var(--border); }
.woocommerce-tabs ul.tabs li a { color: var(--muted); }
.woocommerce-tabs ul.tabs li.active a { color: var(--accent); }
.woocommerce-Tabs-panel { color: var(--muted); }

/* ── Reseñas / comentarios de producto ───────────────────────────────────── */
#reviews #comments ol.commentlist li .comment-text {
	background: var(--surface);
	border: 1px solid var(--border);
	border-radius: var(--radius);
}
#reviews #comment { background: var(--surface); border: 1px solid var(--border); color: var(--fg); border-radius: var(--radius); }

/* ── Shop / archive de productos ─────────────────────────────────────────── */
ul.products li.product,
.wc-block-grid__product {
	background: var(--surface);
	border: 1px solid var(--border);
	border-radius: var(--radius-lg);
}
ul.products li.product .woocommerce-loop-product__title,
.wc-block-grid__product-title {
	color: var(--fg);
}

/* ── Carrito (bloque) ─────────────────────────────────────────────────────── */
.wc-block-cart-items__header,
.wc-block-cart-items__row {
	border-color: var(--border) !important;
}
.wc-block-cart-item__product,
.wc-block-components-panel,
.wc-block-cart__totals-title,
.wc-block-components-totals-item {
	color: var(--fg);
}
.wc-block-components-sidebar,
.wc-block-cart__sidebar,
.wc-block-components-panel {
	background: var(--surface);
	border: 1px solid var(--border);
	border-radius: var(--radius-lg);
}
.wc-block-cart-item__remove-link { color: var(--muted) !important; }
.wc-block-components-quantity-selector { border-color: var(--border) !important; }

/* ── Checkout (bloque) ────────────────────────────────────────────────────── */
.wc-block-checkout__form,
.wc-block-components-checkout-step,
.wp-block-woocommerce-checkout-fields-block,
.wp-block-woocommerce-checkout-totals-block {
	color: var(--fg);
}
.wc-block-components-text-input input,
.wc-block-components-textarea textarea,
.wc-block-components-address-form input,
.wc-block-components-radio-control input,
select.wc-block-components-select-input {
	background: var(--surface) !important;
	border: 1px solid var(--border) !important;
	color: var(--fg) !important;
	border-radius: var(--radius) !important;
}
.wc-block-components-text-input label,
.wc-block-checkout__label {
	color: var(--muted) !important;
}
.wc-block-components-order-summary,
.wc-block-checkout__sidebar .wc-block-components-panel {
	background: var(--surface);
	border: 1px solid var(--border);
	border-radius: var(--radius-lg);
}

/* ── Mi cuenta ────────────────────────────────────────────────────────────── */
.woocommerce-MyAccount-navigation ul { background: var(--surface); border-radius: var(--radius-lg); border: 1px solid var(--border); }
.woocommerce-MyAccount-navigation a { color: var(--muted); }
.woocommerce-MyAccount-navigation li.is-active a { color: var(--accent); }
.woocommerce table.shop_table {
	border: 1px solid var(--border);
	color: var(--fg);
}
.woocommerce table.shop_table th { color: var(--muted); border-bottom: 1px solid var(--border); }
.woocommerce table.shop_table td { border-bottom: 1px solid var(--border); }

/* ── Mensajes / notices ───────────────────────────────────────────────────── */
.woocommerce-message,
.woocommerce-info,
.wc-block-components-notice-banner {
	background: var(--surface) !important;
	border-left-color: var(--accent) !important;
	color: var(--fg) !important;
}
.woocommerce-error { border-left-color: #ff6b6b !important; }