/* MEJORA-1B: pills de talla — 3 estados: disponible, bajo pedido, agotado. */
.attribute_list_size_pills > select.attribute_select { display: none !important; }
.attribute_list_size_pills .size-pills {
  list-style: none; padding: 0; margin: 6px 0; display: flex; flex-wrap: wrap; gap: 8px;
}
.attribute_list_size_pills .size-pill {
  display: inline-flex; align-items: center; justify-content: center; flex-direction: column;
  min-width: 54px; padding: 8px 12px; border: 1px solid #cccccc; border-radius: 4px;
  cursor: pointer; user-select: none; background: #fff; font-weight: 600; line-height: 1.1;
  transition: border-color .1s, box-shadow .1s, background .1s;
}
.attribute_list_size_pills .size-pill:hover { border-color: #333; }
.attribute_list_size_pills .size-pill.is-selected {
  border-color: #e26234; box-shadow: 0 0 0 2px rgba(226,98,52,.25); background: #fff8f4;
}

/* Agotado: rojo tachado, no clicable. */
.attribute_list_size_pills .size-pill.is-unavailable {
  color: #b1141c; border-color: #b1141c; background: #fff2f2;
  cursor: not-allowed; opacity: .85;
}
.attribute_list_size_pills .size-pill.is-unavailable .size-pill-label { text-decoration: line-through; }
.attribute_list_size_pills .size-pill.is-unavailable .size-pill-note {
  display: block; font-size: 10px; font-weight: 500; color: #b1141c;
  margin-top: 2px; letter-spacing: .5px; text-transform: uppercase;
}
.attribute_list_size_pills .size-pill.is-unavailable:hover { border-color: #b1141c; box-shadow: none; }

/* Bajo pedido: seleccionable, azul, sin tachado. */
.attribute_list_size_pills .size-pill.is-backorder {
  color: #17548a; border-color: #17548a; background: #eef5fb; cursor: pointer;
}
.attribute_list_size_pills .size-pill.is-backorder .size-pill-note {
  display: block; font-size: 10px; font-weight: 500; color: #17548a;
  margin-top: 2px; letter-spacing: .5px; text-transform: uppercase;
}
.attribute_list_size_pills .size-pill.is-backorder:hover { border-color: #0d3d67; }
.attribute_list_size_pills .size-pill.is-backorder.is-selected {
  border-color: #e26234; box-shadow: 0 0 0 2px rgba(226,98,52,.25); background: #fff8f4;
}