/* VR Group Ideas — WooCommerce (v0.4.0) ---------------------------------------- */
/*
 * Se carga SOLO si WooCommerce está activo. Está escrito contra el marcado
 * estándar de las plantillas oficiales de WooCommerce (ul.products > li.product,
 * .woocommerce-loop-product__title, .price, a.button...). NO está probado con
 * Kadence + WooCommerce reales: comprobar en Playground (ver README).
 *
 * Los selectores empiezan por body.vrgi-woo.vrgi-woo (clase repetida a propósito)
 * para ganar a las reglas del diseño por defecto de WooCommerce sin !important.
 */

/* Catálogo: rejilla de tarjetas ------------------------------------------- */
body.vrgi-woo.vrgi-woo ul.products {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--vrgi-gap-sm);
	margin: 0 0 var(--vrgi-gap-lg);
	padding: 0;
	list-style: none;
}

body.vrgi-woo.vrgi-woo ul.products::before,
body.vrgi-woo.vrgi-woo ul.products::after {
	content: none;
	display: none;
}

@media (min-width: 44rem) {
	body.vrgi-woo.vrgi-woo ul.products {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: var(--vrgi-gap);
	}
}

@media (min-width: 64rem) {
	body.vrgi-woo.vrgi-woo ul.products {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

body.vrgi-woo.vrgi-woo ul.products li.product {
	display: flex;
	flex-direction: column;
	float: none;
	box-sizing: border-box;
	width: auto;
	margin: 0;
	padding: 0 0 var(--vrgi-card-padding);
	overflow: hidden;
	border-radius: var(--vrgi-radius-lg);
	background-color: var(--vrgi-color-white);
	color: var(--vrgi-text);
	font-family: var(--vrgi-font-body);
	text-align: left;
}

body.vrgi-woo.vrgi-woo ul.products li.product > a.woocommerce-LoopProduct-link {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	color: inherit;
	text-decoration: none;
}

body.vrgi-woo.vrgi-woo ul.products li.product img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

body.vrgi-woo.vrgi-woo ul.products li.product .woocommerce-loop-product__title {
	margin: 0;
	padding: var(--vrgi-card-padding) var(--vrgi-card-padding) 0;
	font-family: var(--vrgi-font-heading);
	font-size: var(--vrgi-fs-h3);
	font-weight: var(--vrgi-fw-bold);
	line-height: var(--vrgi-lh-heading);
	letter-spacing: var(--vrgi-tracking-heading);
	color: var(--vrgi-text);
}

body.vrgi-woo.vrgi-woo ul.products li.product .price {
	display: block;
	padding: 0.5rem var(--vrgi-card-padding) 0;
	font-weight: var(--vrgi-fw-bold);
	color: var(--vrgi-text);
}

body.vrgi-woo.vrgi-woo ul.products li.product .price del {
	color: var(--vrgi-text-muted);
	font-weight: var(--vrgi-fw-regular);
}

body.vrgi-woo.vrgi-woo ul.products li.product .price ins {
	background: none;
	text-decoration: none;
}

body.vrgi-woo.vrgi-woo ul.products li.product .button {
	align-self: flex-start;
	margin: var(--vrgi-gap-sm) var(--vrgi-card-padding) 0;
}

body.vrgi-woo.vrgi-woo ul.products li.product .onsale,
body.vrgi-woo.vrgi-woo span.onsale {
	top: 0.75rem;
	left: 0.75rem;
	right: auto;
	min-width: 0;
	min-height: 0;
	margin: 0;
	padding: 0.25rem 0.75rem;
	border-radius: var(--vrgi-radius-pill);
	background-color: var(--vrgi-accent);
	color: var(--vrgi-on-accent);
	font-size: 0.8125rem;
	font-weight: var(--vrgi-fw-bold);
	line-height: 1.4;
}

/* Botones de WooCommerce: contorno por defecto; rojo en las acciones principales */
body.vrgi-woo.vrgi-woo .button,
body.vrgi-woo.vrgi-woo button.button,
body.vrgi-woo.vrgi-woo a.button,
body.vrgi-woo.vrgi-woo input.button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-height: var(--vrgi-control-height);
	padding: 0 1.5rem;
	border: var(--vrgi-border-width) solid var(--vrgi-text);
	border-radius: var(--vrgi-radius-pill);
	background-color: transparent;
	box-shadow: none;
	color: var(--vrgi-text);
	font-family: var(--vrgi-font-body);
	font-size: var(--vrgi-fs-body);
	font-weight: var(--vrgi-fw-bold);
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
}

body.vrgi-woo.vrgi-woo .button.alt,
body.vrgi-woo.vrgi-woo button.button.alt,
body.vrgi-woo.vrgi-woo a.button.alt,
body.vrgi-woo.vrgi-woo .single_add_to_cart_button {
	background-color: var(--vrgi-accent);
	border-color: var(--vrgi-accent);
	color: var(--vrgi-on-accent);
}

body.vrgi-woo.vrgi-woo .button:hover,
body.vrgi-woo.vrgi-woo .button:focus,
body.vrgi-woo.vrgi-woo .button:active,
body.vrgi-woo.vrgi-woo button.button:hover,
body.vrgi-woo.vrgi-woo a.button:hover,
body.vrgi-woo.vrgi-woo .button.alt:hover,
body.vrgi-woo.vrgi-woo .button.alt:focus,
body.vrgi-woo.vrgi-woo .single_add_to_cart_button:hover,
body.vrgi-woo.vrgi-woo .single_add_to_cart_button:focus {
	background-color: var(--vrgi-surface-band);
	border-color: var(--vrgi-surface-band);
	color: var(--vrgi-text-on-dark);
	box-shadow: none;
	text-decoration: none;
}

body.vrgi-woo.vrgi-woo .button:focus-visible,
body.vrgi-woo.vrgi-woo .single_add_to_cart_button:focus-visible {
	outline: 3px solid var(--vrgi-color-blue);
	outline-offset: 2px;
}

/* Cabecera del catálogo: recuento y orden ---------------------------------- */
body.vrgi-woo.vrgi-woo .woocommerce-result-count {
	margin: 0 0 var(--vrgi-gap-sm);
	color: var(--vrgi-text-secondary);
	font-size: var(--vrgi-fs-small);
}

body.vrgi-woo.vrgi-woo .woocommerce-ordering {
	margin: 0 0 var(--vrgi-gap);
}

body.vrgi-woo.vrgi-woo .woocommerce-ordering select {
	min-height: var(--vrgi-control-height);
	padding: 0 1rem;
	border: var(--vrgi-border-width) solid var(--vrgi-text);
	border-radius: var(--vrgi-radius-pill);
	background-color: transparent;
	color: var(--vrgi-text);
	font-family: var(--vrgi-font-body);
	font-size: var(--vrgi-fs-body);
}

/* Producto individual: solo título, precio y cantidad (la galería la gestiona Kadence) */
body.vrgi-woo.vrgi-woo .product .product_title {
	font-family: var(--vrgi-font-heading);
	font-size: var(--vrgi-fs-h2);
	line-height: var(--vrgi-lh-heading);
	letter-spacing: var(--vrgi-tracking-heading);
	color: var(--vrgi-text);
}

body.vrgi-woo.vrgi-woo .product .summary .price {
	font-size: var(--vrgi-fs-lead);
	font-weight: var(--vrgi-fw-bold);
	color: var(--vrgi-text);
}

body.vrgi-woo.vrgi-woo .quantity .qty {
	min-height: var(--vrgi-control-height);
	border: var(--vrgi-border-width) solid var(--vrgi-text);
	border-radius: var(--vrgi-radius-pill);
	background-color: transparent;
	color: var(--vrgi-text);
	text-align: center;
}

/* Avisos --------------------------------------------------------------------- */
body.vrgi-woo.vrgi-woo .woocommerce-message,
body.vrgi-woo.vrgi-woo .woocommerce-info,
body.vrgi-woo.vrgi-woo .woocommerce-error {
	border: 0;
	border-left: 4px solid var(--vrgi-accent);
	border-radius: var(--vrgi-radius-lg);
	background-color: var(--vrgi-color-white);
	color: var(--vrgi-text);
}