/* ======================================================================
   UBD Visual UX · PRODUCT CHOICE FORCE 1.6.10

   Diagnóstico confirmado contra WebArchive real:
   el tema ubd_modular carga después de los módulos la hoja
   assets/css/ubd-stability-0.6.4.9.css?v=0.6.4.27.

   Esa hoja reimpone con !important y alta especificidad:
   - borde exterior de .product-variants
   - borde completo de cada .product-variants-item
   - línea verde izquierda
   - títulos negros sin fondo

   Esta capa usa el DOM real y MAYOR especificidad para ganar aun cargándose
   antes. Sólo cambia apariencia; no toca combinaciones ni eventos.
   ====================================================================== */

/* ----------------------------------------------------------------------
   VARIANTES NATIVAS · contenedor general sin caja
   ---------------------------------------------------------------------- */
html.ubd-product-ready body#product.ubd-modular-page
#wrapper #main form#add-to-cart-or-refresh
.product-variants {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 10px 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
}

/* Cada grupo: sin tarjeta bordeada; sólo aire limpio */
html.ubd-product-ready body#product.ubd-modular-page
#wrapper #main form#add-to-cart-or-refresh
.product-variants .product-variants-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 9px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
}

html.ubd-product-ready body#product.ubd-modular-page
#wrapper #main form#add-to-cart-or-refresh
.product-variants .product-variants-item::before,
html.ubd-product-ready body#product.ubd-modular-page
#wrapper #main form#add-to-cart-or-refresh
.product-variants .product-variants-item::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

/* Encabezado cálido oscuro: naranja tostado + blanco */
html.ubd-product-ready body#product.ubd-modular-page
#wrapper #main form#add-to-cart-or-refresh
.product-variants .product-variants-item > .control-label,
html.ubd-product-ready body#product.ubd-modular-page
#wrapper #main form#add-to-cart-or-refresh
.product-variants .product-variants-item .control-label {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 9px 14px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: #A95421 !important;
  background-color: #A95421 !important;
  background-image: none !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-family: Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-transform: none !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

/* Select: una sola línea limpia y borde mínimo */
html.ubd-product-ready body#product.ubd-modular-page
#wrapper #main form#add-to-cart-or-refresh
.product-variants .product-variants-item select.form-control,
html.ubd-product-ready body#product.ubd-modular-page
#wrapper #main form#add-to-cart-or-refresh
.product-variants .product-variants-item select.form-control-select,
html.ubd-product-ready body#product.ubd-modular-page
#wrapper #main form#add-to-cart-or-refresh
.product-variants .product-variants-item select {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 48px !important;
  height: 48px !important;
  margin: 0 !important;
  padding: 0 36px 0 15px !important;
  border: 1px solid rgba(24,51,58,.12) !important;
  border-radius: 14px !important;
  outline: 0 !important;
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  color: #1f2f34 !important;
  -webkit-text-fill-color: #1f2f34 !important;
  font-family: Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
  filter: none !important;
}

html.ubd-product-ready body#product.ubd-modular-page
#wrapper #main form#add-to-cart-or-refresh
.product-variants .product-variants-item select:focus,
html.ubd-product-ready body#product.ubd-modular-page
#wrapper #main form#add-to-cart-or-refresh
.product-variants .product-variants-item select.form-control:focus {
  border-color: #A95421 !important;
  box-shadow: 0 0 0 2px rgba(169,84,33,.10) !important;
}

/* Grupos de colores/radios: sin caja externa y con aire */
html.ubd-product-ready body#product.ubd-modular-page
#wrapper #main form#add-to-cart-or-refresh
.product-variants .product-variants-item ul {
  width: 100% !important;
  margin: 0 !important;
  padding: 6px 2px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* ----------------------------------------------------------------------
   PERSONALIZACIÓN NATIVA · misma limpieza si el producto la usa
   ---------------------------------------------------------------------- */
html.ubd-product-ready body#product.ubd-modular-page
#wrapper #main form#add-to-cart-or-refresh
.product-customization {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

html.ubd-product-ready body#product.ubd-modular-page
#wrapper #main form#add-to-cart-or-refresh
.product-customization .product-customization-item {
  border: 0 !important;
  border-left: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
}

/* Móvil: compacto, pero sigue claro */
@media (max-width: 767px) {
  html.ubd-product-ready body#product.ubd-modular-page
  #wrapper #main form#add-to-cart-or-refresh
  .product-variants {
    gap: 10px !important;
    margin: 8px 0 !important;
  }

  html.ubd-product-ready body#product.ubd-modular-page
  #wrapper #main form#add-to-cart-or-refresh
  .product-variants .product-variants-item {
    gap: 7px !important;
  }

  html.ubd-product-ready body#product.ubd-modular-page
  #wrapper #main form#add-to-cart-or-refresh
  .product-variants .product-variants-item > .control-label,
  html.ubd-product-ready body#product.ubd-modular-page
  #wrapper #main form#add-to-cart-or-refresh
  .product-variants .product-variants-item .control-label {
    min-height: 40px !important;
    padding: 8px 12px !important;
    border-radius: 13px !important;
    font-size: 12.5px !important;
  }

  html.ubd-product-ready body#product.ubd-modular-page
  #wrapper #main form#add-to-cart-or-refresh
  .product-variants .product-variants-item select.form-control,
  html.ubd-product-ready body#product.ubd-modular-page
  #wrapper #main form#add-to-cart-or-refresh
  .product-variants .product-variants-item select.form-control-select,
  html.ubd-product-ready body#product.ubd-modular-page
  #wrapper #main form#add-to-cart-or-refresh
  .product-variants .product-variants-item select {
    min-height: 46px !important;
    height: 46px !important;
    border-radius: 13px !important;
    font-size: 12.5px !important;
  }
}