/**
 * CSS pour l'icône userinfo en vert (#5CA60D) avec effet de grossissement au survol
 */

/* Style de base pour l'icône userinfo */
.user-info a,
#_desktop_user_info a,
.flex-header-col8 a,
.user-info i,
#_desktop_user_info i,
.flex-header-col8 i,
.material-icons-person {
  color: #758974 !important;
  transition: all 0.3s ease !important;
}

/* Effet de grossissement au survol */
.user-info a:hover,
#_desktop_user_info a:hover,
.flex-header-col8 a:hover,
.user-info i:hover,
#_desktop_user_info i:hover,
.flex-header-col8 i:hover,
.material-icons-person:hover {
  transform: scale(1.1) !important;
  color: #758974 !important; /* Orange vif au survol */
}

/* Style pour le cercle autour de l'icône si présent */
.user-info .account-circle,
#_desktop_user_info .account-circle,
.flex-header-col8 .account-circle {
  background-color: rgba(92, 166, 13, 0.1) !important; /* Fond légèrement teinté */
  border: 1px solid #5CA60D !important;
  transition: all 0.3s ease !important;
}

/* Effet au survol pour le cercle */
.user-info .account-circle:hover,
#_desktop_user_info .account-circle:hover,
.flex-header-col8 .account-circle:hover {
  background-color: rgba(92, 166, 13, 0.2) !important;
  transform: scale(1.05) !important;
}

/* Style pour le tooltip userinfo */
.user-info [data-tooltip]::after,
#_desktop_user_info [data-tooltip]::after,
.flex-header-col8 [data-tooltip]::after {
  background-color: #758974 !important;
  color: white !important;
  border-color: #758974 !important;
}