.circular-image img {
    border-radius: 50% !important;
    object-fit: cover;  /* Assurez-vous que l'image se remplit bien dans le cercle */
    width: 80px;       /* Ajustez la taille selon vos besoins */
    height: 80px!important;      /* Ajustez la taille selon vos besoins */
}





/* =========================================
   IMAGE DE PROFIL - CERCLE JAUNE SIMPLE
   ========================================= */

img.rounded-circle {
  /* ✅ Dimensions identiques pour un cercle parfait */
  width: 40px !important;
  height: 40px !important;
  
  /* ✅ Forme et ajustement */
  border-radius: 50% !important;
  object-fit: cover !important;
  display: block !important;
  margin: 0 auto !important;
  
  /* ✅ UNIQUEMENT le cercle jaune (pas de double bordure) */
  border: 1.5px solid #ffcd01 !important;
  
  /* ✅ Ombre douce et propre (sans anneau blanc) */
  box-shadow: 0 4px 12px rgba(26, 38, 68, 0.15) !important;
  
  /* ✅ Animation fluide */
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* ✅ ANIMATION AU SURVOL */
img.rounded-circle:hover {
  transform: scale(1.05) !important; /* Agrandissement subtil de 5% */
  box-shadow: 0 8px 20px rgba(255, 205, 1, 0.3) !important; /* Légère lueur jaune */
}