/* Supprime ça complètement, trop global et empêche le curseur de revenir */
/* * {
  cursor: none !important;
} */

/* Le curseur natif ne s'affiche que si la classe est présente */
body.custom-cursor {
  cursor: none;
}

body.custom-cursor * {
  cursor: none !important;
}

/* Le point orange */
#custom-cursor {
  position: fixed;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  background-color: #F4541E;
  border-radius: 50%;
  pointer-events: none;
  z-index: 9999;
  border: 2px solid #F4541E;
  transform: translate(-50%, -50%);
  transition: width 0.2s ease, height 0.2s ease, background-color 0.2s ease, opacity 0.2s ease;
  display: none;
  /* par défaut caché, activé en JS */
}

/* Quand on hover un élément cliquable */
#custom-cursor.cursor-hover {
  background-color: #FFFDFB;
  width: 8px;
  height: 8px;
  border: 1px solid #F4541E;
}


::selection {
  background: #F4541E;
  color: #FFFDFB;
}

.footer-firstLine ::selection,
.title-hero ::selection {
  background: transparent;
  color: #F4541E;
}

footer ::selection {
  background: #F4541E;
  color: #FFFDFB;
}