/**
 * YWSAFT - Estilos de frontend.
 *
 * Atenúan los términos de filtro con 0 productos dentro de la categoría
 * actual. La clase "ywsaft-empty" la añade el plugin; la clase "disabled"
 * es la nativa de YITH (bloquea el clic y ya tiene sus propios estilos).
 *
 * Selectores pensados para ser específicos y no interferir con los estilos
 * propios de YITH.
 */

/* Modo "atenuado" (con o sin disabled). */
.yith-wcan-filter .filter-item.ywsaft-empty {
	opacity: 0.55;
	filter: grayscale(0.3);
}

/* Modo "deshabilitado": refuerza el aspecto no interactivo de YITH. */
.yith-wcan-filter .filter-item.ywsaft-empty.disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.yith-wcan-filter .filter-item.ywsaft-empty.disabled:hover {
	background-color: transparent;
}

/* Los términos deshabilitados no deben mostrar el efecto hover de YITH. */
.yith-wcan-filter .filter-item.ywsaft-empty.disabled > label:hover,
.yith-wcan-filter .filter-item.ywsaft-empty.disabled > a:hover {
	background-color: transparent;
}

/* Aplicar también la atenuación a los elementos internos (imágenes/colores). */
.yith-wcan-filter .filter-item.ywsaft-empty .term-color,
.yith-wcan-filter .filter-item.ywsaft-empty .term-image img {
	opacity: 0.6;
}