/*
Theme Name: Flatsome Child
Description: Alfie Sneakers — Child theme
Author: Diginova INV
Template: flatsome
Version: 1.0
*/

/* =============================================================
   TALLAS EN LOOP — tienda / home
   (el plugin maneja la página de producto individual)
   El look visual replica el estilo "squared" del plugin:
   fondo blanco, borde gris via box-shadow, esquinas rectas.
   ============================================================= */

.alfie-loop-tallas {
  width: 100%;
  padding: 5px 0 2px;
}

.alfie-loop-tallas ul {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.alfie-loop-tallas ul li {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 30px !important;
  height: 26px !important;
  width: auto !important;
  padding: 0 6px !important;
  box-sizing: border-box !important;
  box-shadow: 0 0 0 1px #a8a8a8 !important;
  background: #ffffff !important;
  color: #333333 !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  font-family: inherit !important;
  line-height: 1 !important;
  border-radius: 0 !important;
  list-style: none !important;
  margin: 0 !important;
  cursor: pointer;
  pointer-events: auto;
}

/* =============================================================
   TIENDA — 2 columnas en móvil y tablet portrait
   ============================================================= */
@media (max-width: 960px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    padding: 0 8px !important;
  }

  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product {
    float: none !important;
    width: 100% !important;
    margin: 0 0 0 0 !important;
    min-width: 0 !important;
  }
}