/* ════════════════════════════════════════════════════════════════════════
   NEXCIENT UI - INTERFACE UNIFIÉE (CURSEUR & EFFETS)
   ════════════════════════════════════════════════════════════════════════ */

/* CURSEUR TACTIQUE OR (FORCE) */
#cursor-ring { 
    position: fixed; 
    top: 0; left: 0; 
    width: 40px; height: 40px; 
    border: 2px solid #f0c14b; /* OR NEXCIENT */
    background: rgba(240, 193, 75, 0.05); 
    border-radius: 50%; 
    pointer-events: none; /* Laisse passer les clics */
    z-index: 2147483647; /* MAXIMUM POSSIBLE (Au-dessus des modales) */
    transition: width 0.15s ease-out, height 0.15s ease-out, transform 0.1s ease-out; 
    mix-blend-mode: normal; 
    box-shadow: 0 0 15px rgba(240, 193, 75, 0.4); 
    transform: translate(-50%, -50%);
    display: none; /* Caché par défaut, activé par le JS */
}

/* POINT CENTRAL (VISEUR) */
#cursor-ring::after {
    content: '';
    position: absolute;
    top: 50%; left: 50%;
    width: 4px; height: 4px;
    background: #f0c14b;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 8px #FFF;
}

/* CLASSE ACTIVE (Visible) */
#cursor-ring.active {
    display: block;
}

/* EFFET DE CLICK (PULSE) */
#cursor-ring.clicking {
    transform: translate(-50%, -50%) scale(0.8);
    background: rgba(240, 193, 75, 0.2);
}

/* EFFET DE SURVOL (HOVER) */
#cursor-ring.hovering {
    width: 60px;
    height: 60px;
    background: rgba(240, 193, 75, 0.02);
    border-color: #FFF;
}

/* MASQUER SUR MOBILE (CRITIQUE) */
@media (max-width: 768px) {
    #cursor-ring { display: none !important; }
    * { cursor: auto !important; }
}