/* ======================================================================
   UBD Visual UX · PRODUCT SELECT LIMIT 1.6.21

   Objetivo:
   - Si un selector tiene más de 6 opciones, mantenerlo como lista desplegable
     nativa en lugar de lista expandida.
   - En las radio-cards expandidas, centrar mejor el texto verticalmente,
     conservando la alineación horizontal a la izquierda.
   ====================================================================== */

/* La lógica del límite (>6) vive en JS. Aquí sólo afinamos la UI de las cards. */
html.ubd-product-ready body#product.ubd-modular-page
#wrapper #main form#add-to-cart-or-refresh
.ubd-select-choice-option {
  align-items: center !important;
}

html.ubd-product-ready body#product.ubd-modular-page
#wrapper #main form#add-to-cart-or-refresh
.ubd-select-choice-text {
  display: flex !important;
  align-items: center !important;
  align-self: stretch !important;
  justify-content: flex-start !important;
  min-height: 100% !important;
  text-align: left !important;
  line-height: 1.15 !important;
}

/* Cuando el texto ocupa varias líneas, que siga centrado verticalmente dentro de la ficha. */
html.ubd-product-ready body#product.ubd-modular-page
#wrapper #main form#add-to-cart-or-refresh
.ubd-select-choice-option .ubd-select-choice-text br {
  display: inline !important;
}