/* =========================================================
   Curseur biface
   La flèche système est remplacée par un petit biface de silex,
   pointe en haut à gauche : le point chaud est la pointe de l'outil.
   Les curseurs qui portent un sens sont laissés intacts — la main
   sur les liens, la barre de saisie dans les champs, la préhension
   des frises et de l'arbre, la loupe de la visionneuse, le point
   d'interrogation du glossaire. Seule la flèche change.
   La seconde déclaration sert les écrans à forte densité ; les
   navigateurs qui ignorent image-set gardent simplement la première.
   ========================================================= */

html {
	cursor: url("../img/curseur/biface-silex-32.png") 2 1, auto;
	cursor: image-set(
		url("../img/curseur/biface-silex-32.png") 1x,
		url("../img/curseur/biface-silex-64.png") 2x) 2 1, auto;
}

/* Le curseur s'hérite, mais pas jusqu'aux contrôles de formulaire : le
   navigateur leur impose sa propre flèche. On la reprend ici. Le sélecteur est
   volontairement faible (un nom de balise) pour que les boutons habillés par le
   thème, eux, gardent la main qui dit qu'on peut cliquer.
   S'y ajoutent les endroits où le thème repose explicitement la flèche :
   boutons inertes, déclencheur de menu. */
button,
select,
summary,
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="range"],
input[type="color"],
input[type="date"],
[disabled],
.site-header__nav .esp-nav-trigger {
	cursor: url("../img/curseur/biface-silex-32.png") 2 1, auto !important;
	cursor: image-set(
		url("../img/curseur/biface-silex-32.png") 1x,
		url("../img/curseur/biface-silex-64.png") 2x) 2 1, auto !important;
}

/* Sur un écran tactile il n'y a pas de curseur : on évite le téléchargement. */
@media (hover: none) {
	html,
	button,
	select,
	summary,
	input,
	[disabled],
	.site-header__nav .esp-nav-trigger {
		cursor: auto;
	}
}