/**
 * Bloque de canje/earning-preview de checkout (0.4.0).
 * Mismo criterio que account.css: namespace propio (.ukupoints-checkout*), sin selectores
 * genéricos que puedan afectar a WooCommerce/theme/otros plugins, sin colores fijos salvo el
 * azul de marca (#0000ff) como acento puntual. (0.4.1 -- comentario actualizado: ya no hay
 * ninguna 'email_palette' propia como referencia -- eliminada; el branding de los emails ahora
 * se lee en vivo de WooCommerce, ver Email_Expiry_Base.php. Este #0000ff de checkout.css es
 * independiente y no deriva de ningún ajuste de WooCommerce.)
 */

.ukupoints-checkout {
  margin: 16px 0;
}

.ukupoints-checkout__redeem {
  border: 1px solid currentColor;
  border-radius: 8px;
  padding: 12px 16px;
  margin-bottom: 8px;
  opacity: 0.95;
}

.ukupoints-checkout__redeem--on {
  border-color: #0000ff;
}

.ukupoints-checkout__title {
  margin: 0 0 4px;
  font-weight: 600;
}

.ukupoints-checkout__copy {
  margin: 0 0 10px;
  opacity: 0.85;
  font-size: 0.95em;
}

.ukupoints-checkout__toggle {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  cursor: pointer;
}

.ukupoints-checkout__input {
  margin-top: 3px;
  flex-shrink: 0;
  /* Tamaño de toque razonable en móvil sin depender de estilos del theme. */
  width: 18px;
  height: 18px;
}

.ukupoints-checkout__input:focus-visible {
  outline: 2px solid #0000ff;
  outline-offset: 2px;
}

.ukupoints-checkout__toggle-text {
  font-weight: 500;
}

.ukupoints-checkout__redeem--on .ukupoints-checkout__toggle-text {
  color: #0000ff;
}

.ukupoints-checkout__earn-preview {
  margin: 8px 0 0;
  font-size: 0.9em;
  opacity: 0.85;
}

.ukupoints-checkout__earn-preview-value {
  font-weight: 600;
  opacity: 1;
}

@media (max-width: 480px) {
  .ukupoints-checkout__redeem {
    padding: 10px 12px;
  }

  .ukupoints-checkout__copy,
  .ukupoints-checkout__toggle-text {
    font-size: 0.92em;
  }
}