/* Nur auf Geräten mit einer Maus (Desktop) ausführen */
@media (pointer: fine) {

    /* 1. System-Cursor komplett aus */
    html, body, a, button, .theme-btn {
        cursor: none !important;
    }

    /* 2. Hammer als Standard-Mauszeiger (.cursor) */
    .cursor {
        /* Transparenz erzwingen, Theme-Farben löschen */
        background-color: transparent !important;
        background: none !important;

        /* Bild setzen */
        background-image: url('/wp-content/themes/darkyn/hammer.png') !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;

        /* Theme-Ränder löschen */
        border-radius: 0 !important;
        border: none !important;
        box-shadow: none !important;

        /* Glow-Effekt für die Kontur */
        filter: drop-shadow(0 0 15px rgba(255, 102, 0, 1)) !important;

        /* Feste Größe */
        width: 32px !important;
        height: 32px !important;
        display: block !important;
        
        z-index: 999999;
        pointer-events: none;

        /* WEICHE ANIMATION für das Drehen hinzufügen */
        transition: rotate 0.2s ease-out !important;
        rotate: 0deg;
    }

    /* 3. HOVER-EFFEKT (Das Theme setzt automatisch die Klasse .active) */
    .cursor.active {
        rotate: -45deg !important;     /* Hammer 45 Grad nach links drehen */
        opacity: 1 !important;         /* Verhindert das Ausblenden durch das Theme */
        transform: none !important;    /* Blockiert Skalierungs-Effekte des Themes */
        visibility: visible !important;
    }

    /* 4. Follower (Der weiche Licht-Kreis) */
    .cursor-follower {
        border: none !important; /* Entfernt den harten Ring */
        background-color: rgba(255, 102, 0, 0.15) !important; /* Weicher Lichtfleck */
        box-shadow: 0 0 20px 10px rgba(255, 102, 0, 0.1) !important; /* Verstärktes Leuchten */
        border-radius: 50% !important;
    }

    /* 5. Follower beim Hovern (.active) */
    .cursor-follower.active {
        opacity: 0 !important; /* Blendet den Leucht-Kreis beim Hovern komplett aus. (Lösch die Zeile, falls er bleiben soll) */
    }

    /* 6. Rauch-Effekt an */
    #smoke-canvas {
        display: block !important;
    }
}

/* Auf Touch-Geräten (Handy/Tablet) alles verstecken */
@media (pointer: coarse) {
    .cursor, .cursor-follower, #smoke-canvas {
        display: none !important;
    }
    html, body, a, button {
        cursor: auto !important; /* Standard-Touch-Verhalten */
    }
}