/* Icônes locales Font Awesome */
.icon {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  aspect-ratio: 1;
  text-align: center;
  margin-right: 0.5rem;
  transition: transform 0.3s ease-in-out;
}

.icon:hover {
  transform: scale(1.2);
}

/* Styles pour les icônes SVG locales */
.svg-icon {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  aspect-ratio: 1;
  margin-right: 0.5rem;
  transition: transform 0.3s ease-in-out, fill 0.3s ease;
  cursor: pointer;
}

.svg-icon:hover {
  transform: scale(1.2);
  fill: #0066cc;
}

/* Couleur spécifique pour les icônes dans les titres */
h1 .svg-icon,
h2 .svg-icon,
h3 .svg-icon,
h1 .svg-icon-xl,
h2 .svg-icon-lg,
h3 .svg-icon-lg {
  fill: #1dad8f;
}

.svg-icon-lg {
  width: 2rem;
  height: 2rem;
  aspect-ratio: 1;
}

.svg-icon-xl {
  width: 3rem;
  height: 3rem;
  aspect-ratio: 1;
}

.svg-icon-bounce:hover {
  animation: bounce 0.6s ease-in-out;
}

.svg-icon-grow:hover {
  transform: scale(1.3);
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(-5px);
  }
}

/* Icônes spécifiques */
.icon-home::before {
  content: "\f015";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.icon-briefcase::before {
  content: "\f0b1";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.icon-users::before {
  content: "\f0c0";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.icon-gavel::before {
  content: "\f0e3";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.icon-mail::before {
  content: "\f0e0";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.icon-shield-check::before {
  content: "\f3ed";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.icon-search::before {
  content: "\f002";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.icon-file-text::before {
  content: "\f15c";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.icon-eye-off::before {
  content: "\f070";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.icon-award::before {
  content: "\f559";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.icon-scale::before {
  content: "\f24e";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.icon-check-circle::before {
  content: "\f058";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.icon-x-circle::before {
  content: "\f057";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.icon-alert-triangle::before {
  content: "\f071";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.icon-info::before {
  content: "\f05a";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.icon-landmark::before {
  content: "\f66f";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.icon-ban::before {
  content: "\f05e";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.icon-lightbulb::before {
  content: "\f0eb";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.icon-handshake::before {
  content: "\f2b5";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}