/* 
  RLH Hotfix UX
  Overrides suaves para mejorar consistencia visual del checkout de rifas.
  Basado en marca:
  #FFD700 (oro)
  #064E3B (verde)
*/

/* Asegura que los radios nativos no aparezcan al lado de los "botones pastilla" */
.rlh-form input[type="radio"],
.rlh-payment-section input[type="radio"],
.rlh-payment-method input[type="radio"] {
  position: absolute !important;
  opacity: 0 !important;
  width: 1px !important;
  height: 1px !important;
  pointer-events: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Fallback por si el theme inyecta pseudo-elementos */
.rlh-payment-method label::before,
.rlh-payment-method label::after {
  display: none !important;
}

/* Botón confirmar en estilo "pastilla" consistente */
.rlh-form button[type="submit"],
.rlh-form .rlh-confirm-btn,
.rlh-form input[type="submit"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .5rem !important;
  min-height: 52px !important;
  padding: 12px 28px !important;
  border-radius: 999px !important;
  border: 2px solid #064E3B !important;
  background: linear-gradient(90deg, #064E3B 0%, #0b6b52 50%, #064E3B 100%) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.08) !important;
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease !important;
}

.rlh-form button[type="submit"]:hover,
.rlh-form .rlh-confirm-btn:hover,
.rlh-form input[type="submit"]:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 14px 28px rgba(0,0,0,.12) !important;
  filter: brightness(1.02) !important;
}

/* Campos más suaves (sin romper tu maquetación actual) */
.rlh-form input[type="text"],
.rlh-form input[type="email"],
.rlh-form input[type="tel"],
.rlh-form select {
  border-radius: 12px !important;
  border: 1px solid rgba(6, 78, 59, .25) !important;
  padding: 12px 14px !important;
  background: #fff !important;
  transition: border-color .15s ease, box-shadow .15s ease !important;
}

.rlh-form input[type="text"]:focus,
.rlh-form input[type="email"]:focus,
.rlh-form input[type="tel"]:focus,
.rlh-form select:focus {
  outline: none !important;
  border-color: #064E3B !important;
  box-shadow: 0 0 0 3px rgba(6, 78, 59, .12) !important;
}

/* Input de comprobante más grande y friendly */
.rlh-upload-section input[type="file"] {
  width: 100% !important;
  max-width: 420px !important;
  padding: 14px !important;
  border-radius: 999px !important;
  border: 2px dashed rgba(6, 78, 59, .45) !important;
  background: rgba(6, 78, 59, .06) !important;
  cursor: pointer !important;
}

/* Si tu plugin usa un wrapper label estilo botón */
.rlh-upload-section .rlh-upload-label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 52px !important;
  padding: 12px 24px !important;
  border-radius: 999px !important;
  border: 2px dashed rgba(6, 78, 59, .45) !important;
  color: #064E3B !important;
  background: rgba(6, 78, 59, .06) !important;
  font-weight: 700 !important;
}

/* Texto de precio local destacado */
.rlh-payment-details strong,
.rlh-payment-details b {
  font-weight: 700 !important;
}

/* Progreso: si existe una barra simple, la refinamos */
.rlh-progress-bar,
.rlh-progress-fill {
  border-radius: 999px !important;
}