/**
 * RiversideHiFi - WooCommerce Fixes
 * Correcciones específicas para forzar estilos
 */

/* Forzar fondo blanco en tarjetas */
.woocommerce ul.products li.product,
.rh-product-card {
	background-color: #ffffff !important;
}

/* Eliminar fondos oscuros heredados */
.rh-shop-wrapper,
.rh-single-product-page,
.woocommerce,
.woocommerce-page {
	background-color: transparent !important;
}

/* Ajustes de breadcrumb Elementor */
.rh-elem-breadcrumb {
	background-color: transparent !important;
	padding: 0 !important;
	margin: 0 !important;
}

/* Ocultar breadcrumb de WooCommerce (usamos el de Elementor) */
.woocommerce-breadcrumb {
	display: none !important;
}

/* Eliminar espacios extra */
body.woocommerce,
body.woocommerce-page,
body.single-product {
	margin: 0 !important;
	padding: 0 !important;
}

.woocommerce-notices-wrapper:empty {
	display: none !important;
}


/* Asegurar que los textos no sean demasiado oscuros */
.woocommerce ul.products li.product .rh-product-title a {
	color: #1f2937 !important;
}

.woocommerce ul.products li.product .rh-product-category {
	color: #6b7280 !important;
}


/* Espaciado mejorado para el contenedor principal */
body.woocommerce-shop.woocommerce.woocommerce-page .rh-shop-wrapper .rh-shop-container { 
	padding: 2rem 14px; 
} 

.rh-shop-container {
	padding: 2rem 0;
}


/* Asegurar que no haya duplicados de result-count */
.woocommerce-result-count:not(.rh-shop-toolbar .woocommerce-result-count) {
	display: none !important;
}

/* Asegurar que no haya duplicados de ordering */
.woocommerce-ordering:not(.rh-shop-toolbar .woocommerce-ordering) {
	display: none !important;
}

/* Mejorar el espaciado de las tarjetas de productos */
.woocommerce ul.products li.product {
	margin: 0 !important;
}

/* Asegurar que el login link tenga buen estilo */
.rh-product-login a {
	color: #0EA5E9;
	text-decoration: none;
	font-weight: 600;
	font-size: 0.875rem;
	transition: color 0.2s;
}

.rh-product-login a:hover {
	color: #0284c7;
	text-decoration: underline;
}

/* Mejorar el rating */
.rh-product-rating {
	margin-top: 0.5rem;
}

.rh-product-rating .star-rating {
	font-size: 0.875rem;
}

/* Tags cloud styling */
.rh-tags-cloud {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.rh-tag {
	display: inline-block;
	padding: 0.375rem 0.75rem;
	background-color: #f3f4f6;
	color: #374151;
	font-size: 0.8125rem;
	border-radius: 6px;
	text-decoration: none;
	transition: all 0.2s;
}

.rh-tag:hover {
	background-color: #0EA5E9;
	color: #ffffff;
	transform: translateY(-2px);
}

/* Badges mini */
.rh-badge-mini {
	font-size: 1rem;
	margin-left: 0.25rem;
}