/* Curseur « A d'Amiceo » pour les pages STATIQUES du site public (/annuaire/, /trouve-ton-pro/, /logiciel-club-affaires/, fiches pros). Les pages React l'appliquent via et la classe .amiceo-cursor-a (voir src/styles/index.css). Les pages statiques n'ont pas React : elles chargent cette feuille et posent la même classe sur . Mêmes règles, même point de clic (5 2 = la pointe du A), pour que le curseur ne change pas en passant d'une page à l'autre. La classe (et non le sélecteur nu) est nécessaire : les feuilles des pages déclarent déjà `cursor:pointer` sur les boutons et les puces, et il faut une spécificité supérieure pour l'emporter. */ html.amiceo-cursor-a, html.amiceo-cursor-a * { cursor: url('/media/cursor-amiceo-a.svg') 5 2, auto; } html.amiceo-cursor-a a, html.amiceo-cursor-a button:not(:disabled), html.amiceo-cursor-a [role='button'], html.amiceo-cursor-a label[for], html.amiceo-cursor-a select, html.amiceo-cursor-a summary, html.amiceo-cursor-a .pin, html.amiceo-cursor-a .trade-chip { cursor: url('/media/cursor-amiceo-a.svg') 5 2, pointer; } /* Les champs de saisie gardent le curseur texte : on doit voir où on écrit. */ html.amiceo-cursor-a input, html.amiceo-cursor-a textarea, html.amiceo-cursor-a [contenteditable='true'] { cursor: text; } /* Un curseur-image n'a aucun sens au doigt : on rend la main au système. */ @media (hover: none), (pointer: coarse) { html.amiceo-cursor-a, html.amiceo-cursor-a *, html.amiceo-cursor-a a, html.amiceo-cursor-a button:not(:disabled) { cursor: auto; } }