/* DECOPLUS CHECKOUT — revisión del ZIP, 18 septiembre 2026.
   Reemplazar únicamente stylesheets/decoplus-checkout.css.
   Ya está referenciado en template.conf: no agregar otra referencia.
   Solo presentación. No elimina campos obligatorios, no captura nuevos datos,
   no altera eventos de compra, pagos ni Wompi.
   Pendiente validación visual en el checkout publicado.
*/
.theme-checkout-container {
  --dp-checkout-blue: #97DAF6;
  --dp-checkout-light: #C0E8F9;
  --dp-checkout-gray: #E6E7E8;
  background: #fff !important;
  color: #000 !important;
  font-family: Montserrat, Arial, sans-serif;
  box-sizing: border-box;
  min-width: 0;
}
.theme-checkout-container .theme-checkout-tab {
  background: #f5fbfe !important;
  color: #000 !important;
  border-color: #E6E7E8 !important;
}
.theme-checkout-container .theme-checkout-tab.theme-checkout-tab-selected {
  background: #C0E8F9 !important;
  color: #000 !important;
  border-color: #97DAF6 !important;
}
.theme-checkout-container .theme-checkout-tab-content {
  background: #fff;
  border-color: #E6E7E8 !important;
  color: #000 !important;
  border-radius: 10px;
  min-width: 0;
}
.theme-checkout-container .theme-checkout-primary-btn,
.theme-checkout-container .dp-checkout-action {
  background: #97DAF6 !important;
  color: #000 !important;
  border: 1px solid #97DAF6 !important;
  border-radius: 8px !important;
  min-height: 44px;
  padding: 12px 22px;
  font-weight: 600;
}
.theme-checkout-container .theme-checkout-secondary-btn {
  background: #fff !important;
  color: #000 !important;
  border: 1px solid #97DAF6 !important;
  border-radius: 8px !important;
  min-height: 44px;
}
.theme-checkout-container :is(.theme-checkout-primary-btn,.theme-checkout-secondary-btn,.dp-checkout-action):disabled {
  opacity: .55;
  cursor: not-allowed;
}
.theme-checkout-container :is(input,select,textarea,button,a):focus-visible {
  outline: 2px solid #277391 !important;
  outline-offset: 3px;
}
/* Conservar geometría nativa de teléfono, prefijo, checkbox y radio.
   No fijar ancho, altura o padding de todos los inputs/selects juntos. */
.theme-checkout-container .theme-form-col { min-width: 0; }
.theme-checkout-container input[type=checkbox],
.theme-checkout-container input[type=radio] { accent-color: #277391; }
.theme-checkout-container .shipping-method-details {
  background: #f5fbfe !important;
  color: #000 !important;
}
.theme-checkout-container .shipping-method-box input[type=radio]:checked + label + .shipping-method-details {
  background: #C0E8F9 !important;
  color: #000 !important;
}
.theme-checkout-container .shipping-method-box .shipping-price,
.theme-checkout-container .theme-order-summary-footer .price-label,
.theme-checkout-order-summary-container .theme-chekout-ordersummar .theme-order-summary-footer .price-label {
  color: #000 !important;
}
.theme-checkout-order-summary-container .theme-chekout-ordersummar {
  border-color: #E6E7E8 !important;
  border-radius: 10px;
}
@media (max-width: 767px) {
  .theme-checkout-container :is(input:not([type=checkbox]):not([type=radio]),select,textarea) {
    font-size: 16px;
  }
  .theme-checkout-container .theme-checkout-tab {
    overflow-wrap: break-word;
  }
}