/**
 * Custom Cursor Plugin - Frontend Styles
 */

/* Hide default cursor when custom cursor is active */
body.custom-cursor-active {
    cursor: none !important;
}

/* Elements that should have specific cursor styles */
body.custom-cursor-active a,
body.custom-cursor-active button,
body.custom-cursor-active input[type="submit"],
body.custom-cursor-active input[type="button"],
body.custom-cursor-active .clickable {
    cursor: none !important;
}

/* Custom cursor container */
.custom-cursor {
    position: fixed;
    width: 32px;
    height: 32px;
    pointer-events: none;
    z-index: 9999;
    transform: translate(-50%, -50%);
    transition: width 0.2s, height 0.2s;
    display: none;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

/* Show cursor when active */
body.custom-cursor-active .custom-cursor {
    display: block;
}

/* Cursor states */
.custom-cursor.hover {
    transform: translate(-50%, -50%) scale(1.1);
}

/* Cursor animation for click */
.custom-cursor.clicking {
    transform: translate(-50%, -50%) scale(0.9);
    transition: transform 0.1s;
}