/* ======================================================================
   UBD Visual UX · CUSTOMIZATION AUTOSAVE + DESCRIPTION 1.6.30

   - Recupera la descripción/label nativa del campo y la muestra discretamente.
   - Añade feedback de autoguardado.
   - El botón Guardar nativo permanece siempre disponible como fallback.
   ====================================================================== */

/* La descripción que viene de PrestaShop vuelve a ser visible, pero discreta,
   justo debajo de "Personaliza". */
body#product .product-customization.ubd-custom-visible
.product-customization-item.ubd-custom-visible-item > label,
.page-product .product-customization.ubd-custom-visible
.product-customization-item.ubd-custom-visible-item > label {
  position: static !important;
  display: block !important;

  width: auto !important;
  height: auto !important;
  min-height: 0 !important;

  margin: -5px 2px 12px !important;
  padding: 0 !important;

  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  white-space: normal !important;

  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;

  color: rgba(255,255,255,.88) !important;
  -webkit-text-fill-color: rgba(255,255,255,.88) !important;

  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1.35 !important;
  letter-spacing: .005em !important;
  text-align: left !important;
}

/* Feedback pequeño dentro de la misma ficha naranja. */
body#product .product-customization.ubd-custom-visible .ubd-custom-autosave-status,
.page-product .product-customization.ubd-custom-visible .ubd-custom-autosave-status {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;

  width: auto !important;
  min-height: 27px !important;
  margin: 9px auto 1px !important;
  padding: 5px 10px !important;

  border: 1px solid rgba(255,255,255,.23) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.10) !important;
  color: rgba(255,255,255,.94) !important;

  font-size: 11.5px !important;
  font-weight: 760 !important;
  line-height: 1 !important;
  text-align: center !important;

  opacity: 0 !important;
  transform: translateY(3px) !important;
  transition: opacity .16s ease, transform .16s ease !important;
  pointer-events: none !important;
}

body#product .product-customization.ubd-custom-visible .ubd-custom-autosave-status.is-visible,
.page-product .product-customization.ubd-custom-visible .ubd-custom-autosave-status.is-visible {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

body#product .product-customization.ubd-custom-visible .ubd-custom-autosave-status.is-saved,
.page-product .product-customization.ubd-custom-visible .ubd-custom-autosave-status.is-saved {
  background: rgba(226,247,232,.17) !important;
}

body#product .product-customization.ubd-custom-visible .ubd-custom-autosave-status.is-error,
.page-product .product-customization.ubd-custom-visible .ubd-custom-autosave-status.is-error {
  background: rgba(255,255,255,.12) !important;
}

/* El botón manual sigue plenamente visible y usable. */
body#product .product-customization.ubd-custom-visible.ubd-custom-auto-saved .tvall-inner-btn,
.page-product .product-customization.ubd-custom-visible.ubd-custom-auto-saved .tvall-inner-btn {
  opacity: .92 !important;
}

@media (max-width: 767px) {
  body#product .product-customization.ubd-custom-visible
  .product-customization-item.ubd-custom-visible-item > label,
  .page-product .product-customization.ubd-custom-visible
  .product-customization-item.ubd-custom-visible-item > label {
    font-size: 12.5px !important;
    margin-bottom: 10px !important;
  }
}