/* ============================================================
   phone-input-plugin.css
   Styles du plugin PhoneInputPlugin
   Inclure ce fichier OU laisser l option injectCSS:true (defaut)
   Toutes les regles sont surchargeables depuis votre propre CSS
   ============================================================ */

/* --- Element hint (message contextuel sous le champ) --- */
.phone-hint {
  display: block;
  margin-top: 0.35em;
  font-size: 0.85em;
  min-height: 1.2em;
  color: #6b7280;           /* gris neutre */
  transition: color 160ms ease;
}

.phone-hint.phone-hint--valid {
  color: #437a22;           /* vert */
}

.phone-hint.phone-hint--invalid {
  color: #a12c7b;           /* rouge/magenta */
}

/* --- Classes appliquees directement sur l input --- */
input.phone-valid {
  border-color: #437a22 !important;
}

input.phone-invalid {
  border-color: #a12c7b !important;
}

/* --- Optionnel : fond colore sur les etats (decommentez si souhaite) --- */
/*
input.phone-valid   { background-color: #e8f2e2; }
input.phone-invalid { background-color: #f5e8f0; }
*/