/**
 * ZOAH - Custom Product Loader with GIF
 * Reemplaza el loader circular por un GIF personalizado
 * cuando se filtran productos por categoría o atributos
 */

/* Reemplazar el loader circular con el GIF personalizado */
[data-items-wrapper] .gsf-content-loading:before {
  /* Eliminar los estilos del círculo animado */
  content: '' !important;
  border: none !important;
  border-radius: 0 !important;
  animation: none !important;
  -webkit-animation: none !important;
  
  /* Establecer el GIF como background */
  background-image: url('https://zoahvenezuela.key-core.com/wp-content/uploads/2025/10/123.gif') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  
  /* Mantener el mismo tamaño del loader original (40px) */
  width: 150px !important;
  height: 150px !important;
}

/* Eliminar el segundo círculo (after) */
[data-items-wrapper] .gsf-content-loading:after {
  display: none !important;
}

/* Asegurar que el loader se muestre correctamente cuando está activo */
[data-items-wrapper].loading .gsf-content-loading:before {
  opacity: 1 !important;
  visibility: visible !important;
  /* Eliminar la animación de rotación */
  animation: none !important;
  -webkit-animation: none !important;
}

/* Opcional: Ajustar el posicionamiento si es necesario */
[data-items-wrapper] .gsf-content-loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}