.custom-cursor {
    position: fixed !important;
    pointer-events: none !important;
    z-index: 999999 !important;
    mix-blend-mode: difference !important;
    transition: transform 0.3s ease, opacity 0.3s ease !important;
    will-change: transform, opacity !important;
    display: block !important;
}

.cursor-dot {
    width: 8px !important;
    height: 8px !important;
    background: #fff !important;
    border-radius: 50% !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    transform: translate(-50%, -50%) !important;
    transition: transform 0.3s ease, background-color 0.3s ease, mix-blend-mode 0.3s ease, opacity 0.3s ease !important;
    will-change: transform, background-color, mix-blend-mode, opacity !important;
}

.cursor-dot::before {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 40px !important;
    height: 40px !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border-radius: 50% !important;
    transition: transform 0.3s ease, opacity 0.3s ease !important;
    will-change: transform, opacity !important;
}

.cursor-dot::after {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 20px !important;
    height: 20px !important;
    background: rgba(255, 255, 255, 0.2) !important;
    border-radius: 50% !important;
    transition: transform 0.3s ease, opacity 0.3s ease !important;
    will-change: transform, opacity !important;
}

/* Effet de survol sur les éléments cliquables */
a:hover ~ .custom-cursor,
button:hover ~ .custom-cursor,
[role="button"]:hover ~ .custom-cursor,
input[type="submit"]:hover ~ .custom-cursor,
.bloglo-btn:hover ~ .custom-cursor,
.wp-block-button__link:hover ~ .custom-cursor {
    transform: scale(2) !important;
    opacity: 0 !important;
}

a:hover ~ .custom-cursor .cursor-dot,
button:hover ~ .custom-cursor .cursor-dot,
[role="button"]:hover ~ .custom-cursor .cursor-dot,
input[type="submit"]:hover ~ .custom-cursor .cursor-dot,
.bloglo-btn:hover ~ .custom-cursor .cursor-dot,
.wp-block-button__link:hover ~ .custom-cursor .cursor-dot {
    background: var(--bloglo-primary) !important;
    mix-blend-mode: normal !important;
    opacity: 0 !important;
}

/* Masquer le curseur par défaut */
body.custom-cursor-initialized * {
    cursor: none !important;
}

/* Afficher le curseur par défaut sur mobile */
@media (max-width: 768px) {
    .custom-cursor {
        display: none !important;
    }
    body.custom-cursor-initialized * {
        cursor: auto !important;
    }
}