/* Menu déroulant styles */
.fr-dropdown {
  position: relative;
  display: inline;
}

.fr-dropdown__menu {
  position: absolute;
  right: 0;
  width: max-content;
  z-index: 100;
  background-color: white;
  border: 1px solid #ddd;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
  padding: 0.5rem 0;
}


.fr-dropdown__link {
  display: block;
  padding: 0.5rem 1rem;
  color: #007bff;
  text-decoration: none;
}

.fr-dropdown__link:hover {
  background-color: #f1f1f1;
}

.dropdown-toggle.active-dropdown  {
  background-color: #E3E3FD;
  color: #000091;
}

.dropdown-toggle.active-dropdown:hover {
  background-color: #E3E3FD;
  color: #000091;
}

.chevron-icon {
  transition: transform 0.3s ease;
}
[data-fr-theme="dark"] .fr-dropdown__menu {
  background-color: #1e1e1e;
  border-color: #444;
}

[data-fr-theme="dark"] .fr-dropdown__link {
  color: #9fc5ff;
}

[data-fr-theme="dark"] .fr-dropdown__link:hover {
  background-color: #2a2a2a;
}

[data-fr-theme="dark"] .dropdown-toggle.active-dropdown {
  background-color: #5E5E90;
  color: #8585F6;
}

[data-fr-theme="dark"] .dropdown-toggle.active-dropdown:hover {
  background-color: #5E5E90;
  color: #8585F6;
}