/* ======================================================================
   UBD Visual UX · PRODUCT FINISH 1.6.20

   Objetivo:
   - Compactar todavía más las radio-cards del producto.
   - Eliminar por completo cualquier flecha/chevron residual.
   - Volver neutrales los títulos de grupos (sin paleta por color).
   - Sólo CSS. No toca la lógica segura de 1.6.17/1.6.18.
   ====================================================================== */

html.ubd-product-ready body#product.ubd-modular-page {
  --ubd-finish-ink: #17383e;
  --ubd-finish-line: rgba(23, 56, 62, .10);
  --ubd-finish-card: #ffffff;
  --ubd-finish-card-soft: #fbfcfb;
  --ubd-finish-selected: #f4faf6;
  --ubd-finish-selected-line: rgba(72, 138, 96, .32);
}

/* 1) Quitar definitivamente indicadores de desplegable heredados. */
html.ubd-product-ready body#product.ubd-modular-page
#wrapper #main form#add-to-cart-or-refresh
.product-variants .product-variants-item.ubd-radioized-variant::after,
html.ubd-product-ready body#product.ubd-modular-page
#wrapper #main form#add-to-cart-or-refresh
.product-variants .product-variants-item.ubd-radioized-variant::before,
html.ubd-product-ready body#product.ubd-modular-page
#wrapper #main form#add-to-cart-or-refresh
.product-variants .product-variants-item.ubd-radioized-variant:has(> select)::after,
html.ubd-product-ready body#product.ubd-modular-page
#wrapper #main form#add-to-cart-or-refresh
.product-variants .product-variants-item.ubd-radioized-variant:has(> select)::before,
html.ubd-product-ready body#product.ubd-modular-page
#wrapper #main form#add-to-cart-or-refresh
.product-customization .product-customization-item.ubd-radioized-variant::after,
html.ubd-product-ready body#product.ubd-modular-page
#wrapper #main form#add-to-cart-or-refresh
.product-customization .product-customization-item.ubd-radioized-variant::before {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  visibility: hidden !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

/* Mata también wrappers frecuentes del tema si dejaron caret residual. */
html.ubd-product-ready body#product.ubd-modular-page
#wrapper #main form#add-to-cart-or-refresh
.product-variants .product-variants-item.ubd-radioized-variant .selector::after,
html.ubd-product-ready body#product.ubd-modular-page
#wrapper #main form#add-to-cart-or-refresh
.product-variants .product-variants-item.ubd-radioized-variant .custom-select::after,
html.ubd-product-ready body#product.ubd-modular-page
#wrapper #main form#add-to-cart-or-refresh
.product-variants .product-variants-item.ubd-radioized-variant .bootstrap-select .dropdown-toggle::after,
html.ubd-product-ready body#product.ubd-modular-page
#wrapper #main form#add-to-cart-or-refresh
.product-variants .product-variants-item.ubd-radioized-variant [class*="arrow"]::after,
html.ubd-product-ready body#product.ubd-modular-page
#wrapper #main form#add-to-cart-or-refresh
.product-variants .product-variants-item.ubd-radioized-variant [class*="caret"]::after {
  content: none !important;
  display: none !important;
}

/* 2) Títulos neutrales, ya sin colores distintos. */
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,
html.ubd-product-ready body#product.ubd-modular-page
#wrapper #main form#add-to-cart-or-refresh
.product-customization .product-customization-item > .control-label,
html.ubd-product-ready body#product.ubd-modular-page
#wrapper #main form#add-to-cart-or-refresh
.product-customization .product-customization-item .control-label {
  background: var(--ubd-finish-card-soft) !important;
  background-color: var(--ubd-finish-card-soft) !important;
  background-image: none !important;
  color: var(--ubd-finish-ink) !important;
  -webkit-text-fill-color: var(--ubd-finish-ink) !important;
  border: 1px solid rgba(23, 56, 62, .08) !important;
  box-shadow: none !important;
  text-shadow: none !important;
  min-height: 34px !important;
  padding: 7px 14px !important;
  border-radius: 16px !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 *,
html.ubd-product-ready body#product.ubd-modular-page
#wrapper #main form#add-to-cart-or-refresh
.product-customization .product-customization-item > .control-label *,
html.ubd-product-ready body#product.ubd-modular-page
#wrapper #main form#add-to-cart-or-refresh
.product-customization .product-customization-item .control-label * {
  color: var(--ubd-finish-ink) !important;
  -webkit-text-fill-color: var(--ubd-finish-ink) !important;
}

/* 3) Radio-cards más bajas y compactas. */
html.ubd-product-ready body#product.ubd-modular-page
#wrapper #main form#add-to-cart-or-refresh
.ubd-select-choice-grid {
  gap: 7px !important;
  margin: 4px 0 0 !important;
}

html.ubd-product-ready body#product.ubd-modular-page
#wrapper #main form#add-to-cart-or-refresh
.ubd-select-choice-option {
  min-height: 42px !important;
  padding: 6px 10px !important;
  border-radius: 16px !important;
  gap: 8px !important;
  background: var(--ubd-finish-card) !important;
  border: 1px solid var(--ubd-finish-line) !important;
  box-shadow: 0 1px 1px rgba(17, 37, 43, .02), 0 4px 10px rgba(17, 37, 43, .03) !important;
  font-size: 12.5px !important;
  font-weight: 760 !important;
  line-height: 1.12 !important;
}

html.ubd-product-ready body#product.ubd-modular-page
#wrapper #main form#add-to-cart-or-refresh
.ubd-select-choice-option:hover {
  border-color: rgba(72, 138, 96, .24) !important;
  background: #fafcfb !important;
  box-shadow: 0 2px 6px rgba(17, 37, 43, .04), 0 8px 16px rgba(17, 37, 43, .045) !important;
}

html.ubd-product-ready body#product.ubd-modular-page
#wrapper #main form#add-to-cart-or-refresh
.ubd-select-choice-option.is-selected {
  background: var(--ubd-finish-selected) !important;
  border-color: var(--ubd-finish-selected-line) !important;
  box-shadow: 0 2px 8px rgba(72, 138, 96, .06), 0 10px 18px rgba(72, 138, 96, .065) !important;
}

html.ubd-product-ready body#product.ubd-modular-page
#wrapper #main form#add-to-cart-or-refresh
.ubd-select-choice-dot {
  flex: 0 0 16px !important;
  width: 16px !important;
  height: 16px !important;
  border-width: 2px !important;
}

html.ubd-product-ready body#product.ubd-modular-page
#wrapper #main form#add-to-cart-or-refresh
.ubd-select-choice-dot::after {
  inset: 2px !important;
}

html.ubd-product-ready body#product.ubd-modular-page
#wrapper #main form#add-to-cart-or-refresh
.ubd-select-choice-grid.is-single .ubd-select-choice-option,
html.ubd-product-ready body#product.ubd-modular-page
#wrapper #main form#add-to-cart-or-refresh
.ubd-select-choice-option.is-only-option {
  min-height: 40px !important;
}

/* Ajuste del item para no reservar espacio extra heredado. */
html.ubd-product-ready body#product.ubd-modular-page
#wrapper #main form#add-to-cart-or-refresh
.product-variants .product-variants-item.ubd-radioized-variant,
html.ubd-product-ready body#product.ubd-modular-page
#wrapper #main form#add-to-cart-or-refresh
.product-customization .product-customization-item.ubd-radioized-variant {
  padding-bottom: 0 !important;
}

@media (max-width: 767px) {
  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,
  html.ubd-product-ready body#product.ubd-modular-page
  #wrapper #main form#add-to-cart-or-refresh
  .product-customization .product-customization-item > .control-label,
  html.ubd-product-ready body#product.ubd-modular-page
  #wrapper #main form#add-to-cart-or-refresh
  .product-customization .product-customization-item .control-label {
    min-height: 32px !important;
    padding: 7px 12px !important;
    border-radius: 15px !important;
  }

  html.ubd-product-ready body#product.ubd-modular-page
  #wrapper #main form#add-to-cart-or-refresh
  .ubd-select-choice-grid {
    gap: 6px !important;
  }

  html.ubd-product-ready body#product.ubd-modular-page
  #wrapper #main form#add-to-cart-or-refresh
  .ubd-select-choice-option {
    min-height: 40px !important;
    padding: 6px 9px !important;
    border-radius: 15px !important;
    gap: 8px !important;
    font-size: 12px !important;
    line-height: 1.10 !important;
  }

  html.ubd-product-ready body#product.ubd-modular-page
  #wrapper #main form#add-to-cart-or-refresh
  .ubd-select-choice-dot {
    flex-basis: 15px !important;
    width: 15px !important;
    height: 15px !important;
  }

  html.ubd-product-ready body#product.ubd-modular-page
  #wrapper #main form#add-to-cart-or-refresh
  .ubd-select-choice-grid.is-single .ubd-select-choice-option,
  html.ubd-product-ready body#product.ubd-modular-page
  #wrapper #main form#add-to-cart-or-refresh
  .ubd-select-choice-option.is-only-option {
    min-height: 38px !important;
  }
}
