/* Custom Cursor Styles */

* {
    cursor: none;
}

.custom-cursor {
    position: fixed;
    font-size: 20px;
    color: #CB7C57;
    pointer-events: none;
    z-index: 9999;
    transition: transform 0.1s ease;
    user-select: none;
    font-family: Arial, sans-serif;
    line-height: 1;
}

.custom-cursor::before {
    content: '➤';
    display: block;
    transform: rotate(-135deg);
    font-weight: bold;
    text-shadow: 
        -1px -1px 0 #000,
        1px -1px 0 #000,
        -1px 1px 0 #000,
        1px 1px 0 #000,
        0 -1px 0 #000,
        0 1px 0 #000,
        -1px 0 0 #000,
        1px 0 0 #000;
}

.custom-cursor.hover {
    transform: scale(1.2);
    color: #b56e4c;
}

.custom-cursor.hover::before {
    content: '👆';
    display: block;
    transform: rotate(-10deg);
}

/* Remove all default cursors */
input, textarea, select, button, a, .clickable, * {
    cursor: none !important;
}