/* =========================================================
 * ZZSS Fixes - CSS
 * ========================================================= */

/* --- Error 3: borde rojo en la imagen de Asics (home) ---
 * Origen: Personalizar > CSS adicional -> .imagen-carrusel img { border:5px solid red }
 * Lo neutralizamos aqui. Recomendado: borrar tambien la regla del CSS Adicional. */
.imagen-carrusel img {
	border: 0 !important;
}

/* --- Error 2: recuadro de talla invisible en movil ---
 * En movil (<=1024px) el tema fuerza border-style:none y radius 50% (circulo),
 * asi que cambiar solo el color no bastaba. Forzamos ancho + estilo + color +
 * radio con alta especificidad, sin tocar el seleccionado ni el hover. */
body.woo-variation-swatches .variable-items-wrapper .variable-item.button-variable-item:not(.selected):not(.radio-variable-item) {
	border-width: 1.5px !important;
	border-style: solid !important;
	border-color: #999999 !important;
	border-radius: 6px !important;
}
body.woo-variation-swatches .variable-items-wrapper .variable-item.button-variable-item:not(.selected):not(.radio-variable-item):hover {
	border-color: #0f0f0f !important;
}

/* --- Error 1: galeria de producto ---
 * Los estilos de la galeria (una foto + flechas laterales) se inyectan desde
 * assets/js/zzss-gallery-carousel.js (clase .zzss-gallery-ready). */