/*
Theme Name:           Flatsome
Theme URI:            http://flatsome.uxthemes.com
Author:               UX-Themes
Author URI:           https://uxthemes.com
Description:          Multi-Purpose Responsive WooCommerce Theme
Version:              3.20.5
Requires at least:    6.4
Requires PHP:         7.4
WC requires at least: 8.3
Text Domain:          flatsome
License:              https://themeforest.net/licenses
License URI:          https://themeforest.net/licenses
*/


/***************
All custom CSS should be added to Flatsome > Advanced > Custom CSS,
or in the style.css of a Child Theme.
***************/

/* === Flatsome / WooCommerce: PRECIO SOLO EN CATÁLOGO (archive) === */
.archive.woocommerce{
  --fl-cat-price-size: 14px;     /* <- tamaño (ej: 12px, 16px, 18px) */
text-transform: uppercase;
  --fl-cat-price-weight: 400;    /* <- oscuridad: 300 light, 400 normal, 600 semibold, 700 bold, 800 extra */
  --fl-cat-price-color: #000;    /* <- color del precio */
}

/* Precio en tarjetas del catálogo (product grid/list) */
.archive.woocommerce .product-small .box-text-products .price,
.archive.woocommerce .product-small .box-text-products .price *,
.archive.woocommerce .product-small .box-text-products .woocommerce-Price-amount.amount{
  color: var(--fl-cat-price-color) !important;
  font-size: var(--fl-cat-price-size) !important;
  font-weight: var(--fl-cat-price-weight) !important;
}

/* === Flatsome / WooCommerce: título del producto en ARCHIVE (solo listado) === */
.archive.woocommerce { 
  --fl-prod-title-size: 14px; /* <- CAMBIA AQUÍ el tamaño (ej: 16px, 18px) */
}

.archive.woocommerce .product-small .box-text-products
.name.product-title.woocommerce-loop-product__title,
.archive.woocommerce .product-small .box-text-products
.name.product-title.woocommerce-loop-product__title a{
  color: #000 !important;
  text-transform: uppercase;
  font-size: var(--fl-prod-title-size);
}

/* Mantener negro también en hover (sin tocar el resto del sitio) */
.archive.woocommerce .product-small .box-text-products
.name.product-title.woocommerce-loop-product__title a:hover{
  color: #000 !important;
}