/* WordPress Custom Cursor Styles */
body {
    --cursor-stroke: #ff4108;
    --cursor-fill: #ff4108;
}

.cursor {
    display: none;
}

@media (any-pointer: fine) {
    .cursor {
        position: fixed;
        top: 0;
        left: 0;
        display: block;
        pointer-events: none;
        z-index: 10000;
    }

    .cursor__inner {
        fill: none;
        stroke: var(--cursor-stroke);
        stroke-width: 1.2px;
    }

    .cursor__filled {
        fill: var(--cursor-fill);
    }

    .no-js .cursor {
        display: none;
    }
}

/* Optional: Add cursor-trigger class styling for demo purposes */
.cursor-trigger {
    cursor: pointer;
    transition: all 0.3s ease;
}

.cursor-trigger:hover {
    /* You can add hover effects here if needed */
}