/* ============================================================================
   fc-curseur-plus.css — Anneau intelligent — Fondazione Caravelli
   ----------------------------------------------------------------------------
   Compagnon de assets/js/fc-curseur-plus.js. Anneau de lumière traînant
   qui complète le point .fc-curseur existant (jamais de conflit : deux
   éléments distincts, deux amortis différents).

   - blend « difference » : lisible sur marbre clair comme sur nuit ;
   - .est-ouvert : l'anneau s'ouvre sur les éléments interactifs ;
   - .est-presse : il se resserre à la pression ;
   - .est-endormi : il s'assoupit après 2,5 s sans geste ;
   - tactile / reduced-motion : inexistant (le JS ne le crée pas ; la
     garde ci-dessous couvre le cas d'un HTML servi sans JS filtré).
   ============================================================================ */

.fc-anneau {
  position: fixed;
  top: 0;
  left: 0;
  width: 38px;
  height: 38px;
  margin: -19px 0 0 -19px;
  border: 1px solid hsl(38 32% 82% / 0.85);
  border-radius: 50%;
  z-index: 2147483646;              /* sous le seuil d'entrée, au-dessus de tout le reste */
  pointer-events: none;
  opacity: 0;
  mix-blend-mode: difference;
  box-shadow:
    0 0 12px hsl(38 40% 88% / 0.28),
    inset 0 0 8px hsl(38 40% 88% / 0.14);
  transition:
    opacity 0.5s ease,
    width 0.35s cubic-bezier(0.22, 0.61, 0.21, 1),
    height 0.35s cubic-bezier(0.22, 0.61, 0.21, 1),
    margin 0.35s cubic-bezier(0.22, 0.61, 0.21, 1),
    border-color 0.35s ease;
  will-change: transform;
}

.fc-anneau.est-visible { opacity: 1; }

.fc-anneau.est-ouvert {
  width: 64px;
  height: 64px;
  margin: -32px 0 0 -32px;
  border-color: hsl(40 46% 90% / 0.95);
}

.fc-anneau.est-presse {
  width: 26px;
  height: 26px;
  margin: -13px 0 0 -13px;
}

.fc-anneau.est-endormi { opacity: 0.25; }

@media (hover: none), (pointer: coarse) {
  .fc-anneau { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .fc-anneau { display: none; }
}