/* ==========================================================================
   VANDORX — estilo de marca para WooCommerce (tienda, producto, carrito, checkout).
   Se activa en Ajustes → VANDORX → "Aplicar estilo VANDORX a WooCommerce".
   ========================================================================== */

.vx-woo .woocommerce,
.vx-woo .woocommerce-page { font-family: var(--vx-sans); color: var(--vx-text); }

/* Botones */
.vx-woo .woocommerce a.button,
.vx-woo .woocommerce button.button,
.vx-woo .woocommerce input.button,
.vx-woo .woocommerce #respond input#submit,
.vx-woo .woocommerce a.button.alt,
.vx-woo .woocommerce button.button.alt,
.vx-woo .wc-block-components-button:not(.is-link) {
	background: var(--vx-primary); color: #fff; border: 0; border-radius: var(--vx-radius-btn);
	font-family: var(--vx-sans); font-weight: 600; padding: .85em 1.6em; transition: background .2s;
}
.vx-woo .woocommerce a.button:hover,
.vx-woo .woocommerce button.button:hover,
.vx-woo .woocommerce input.button:hover,
.vx-woo .woocommerce a.button.alt:hover,
.vx-woo .woocommerce button.button.alt:hover,
.vx-woo .wc-block-components-button:not(.is-link):hover { background: var(--vx-primary-dark); color: #fff; }

/* Rejilla de productos */
.vx-woo .woocommerce ul.products li.product {
	background: #fff; border-radius: var(--vx-radius); box-shadow: var(--vx-shadow);
	padding: 0 0 20px; overflow: hidden; text-align: left; transition: box-shadow .2s;
}
.vx-woo .woocommerce ul.products li.product:hover { box-shadow: var(--vx-shadow-hover); }
.vx-woo .woocommerce ul.products li.product a img { margin: 0 0 16px; aspect-ratio: 1; object-fit: cover; }
.vx-woo .woocommerce ul.products li.product .woocommerce-loop-product__title,
.vx-woo .woocommerce ul.products li.product .price,
.vx-woo .woocommerce ul.products li.product .button { margin-inline: 20px; }
.vx-woo .woocommerce ul.products li.product .woocommerce-loop-product__title { font: 600 1.0625rem/1.35 var(--vx-serif); color: var(--vx-text); }

/* Precios y ofertas */
.vx-woo .woocommerce .price,
.vx-woo .woocommerce div.product p.price,
.vx-woo .woocommerce div.product span.price { color: var(--vx-primary) !important; font-weight: 600; }
.vx-woo .woocommerce .price del { color: var(--vx-muted); font-weight: 400; }
.vx-woo .woocommerce span.onsale { background: var(--vx-secondary); color: var(--vx-primary-dark); font-weight: 700; border-radius: 999px; min-height: 0; min-width: 0; line-height: 1; padding: .55em .9em; }

/* Ficha de producto */
.vx-woo .woocommerce div.product .product_title { font-family: var(--vx-serif); font-weight: 600; }
.vx-woo .woocommerce div.product .woocommerce-tabs ul.tabs li.active { border-bottom-color: var(--vx-bg); }
.vx-woo .woocommerce .quantity .qty { border: 1px solid var(--vx-secondary); border-radius: var(--vx-radius-btn); padding: .6em; }

/* Avisos */
.vx-woo .woocommerce-message,
.vx-woo .woocommerce-info { border-top-color: var(--vx-primary); }
.vx-woo .woocommerce-message::before,
.vx-woo .woocommerce-info::before { color: var(--vx-primary); }

/* Campos de formulario (checkout clásico y cuenta) */
.vx-woo .woocommerce form .form-row input.input-text,
.vx-woo .woocommerce form .form-row textarea,
.vx-woo .woocommerce form .form-row select {
	border: 1px solid var(--vx-secondary); border-radius: var(--vx-radius-btn); padding: .75em .9em; background: #fff;
}
.vx-woo .woocommerce form .form-row input.input-text:focus,
.vx-woo .woocommerce form .form-row textarea:focus { outline: none; border-color: var(--vx-primary); }