/* ====== Base helpers ====== */
#reassurance-section .hidden { display: none !important; }

/* ====== Glass effect ====== */
#reassurance-section .glass-effect {
  background: rgba(255, 255, 255, 0.72);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.55);
}

/* ====== Fade-in animation ====== */
#reassurance-section .fade-in-up {
  opacity: 0;
  transform: translateY(14px);
  animation: reassuranceFadeUp .7s ease-out forwards;
}

@keyframes reassuranceFadeUp {
  to { opacity: 1; transform: translateY(0); }
}

/* ====== Inputs focus effect ====== */
#reassurance-section .input-focus-effect:focus {
  box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.18);
}

/* ====== Button style (tu peux laisser Tailwind faire, mais ça ajoute un fond sympa) ====== */
#reassurance-submit-btn {
  background: linear-gradient(135deg, rgba(37, 99, 235, 1), rgba(16, 185, 129, 1));
  color: #fff;
}

#reassurance-submit-btn:disabled {
  opacity: 0.75;
  cursor: not-allowed;
  transform: none !important;
}

/* ====== Spinner text ====== */
#reassurance-section .loading-spinner {
  position: relative;
  padding-left: 28px;
}

#reassurance-section .loading-spinner::before {
  content: "";
  width: 16px;
  height: 16px;
  border: 2px solid rgba(255,255,255,0.55);
  border-top-color: rgba(255,255,255,1);
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  animation: reassuranceSpin 0.8s linear infinite;
}

@keyframes reassuranceSpin {
  to { transform: translateY(-50%) rotate(360deg); }
}

/* ====== Success message ====== */
#reassurance-section .success-message {
  background: rgba(16, 185, 129, 0.12);
  border: 1px solid rgba(16, 185, 129, 0.25);
}

/* ===== FIX DEFINITIF inputs Kadence / dark mode ===== */
#reassurance-section input,
#reassurance-section textarea {
  background-color: #ffffff !important;
  color: #0f172a !important;
  border-color: #e5e7eb !important;

  /* 🔥 clé du problème */
  color-scheme: light;
  -webkit-text-fill-color: #0f172a;
}

/* Placeholder lisible */
#reassurance-section input::placeholder,
#reassurance-section textarea::placeholder {
  color: #6b7280 !important;
}

/* Focus */
#reassurance-section input:focus,
#reassurance-section textarea:focus {
  background-color: #ffffff !important;
}

/* ===== FORCAGE MODE CLAIR (CAUSE RÉELLE) ===== */
#reassurance-section input,
#reassurance-section textarea {
  background-color: #ffffff !important;
  color: #0f172a !important;
  border-color: #e5e7eb !important;

  /* 🔑 clé du bug Kadence / dark UI */
  color-scheme: light;
  -webkit-text-fill-color: #0f172a;
}

#reassurance-section input::placeholder,
#reassurance-section textarea::placeholder {
  color: #6b7280 !important;
}