/* Custom cursor et effets - désactivé sur mobile */
@media (min-width: 769px) {
    * {
        cursor: none !important;
    }
}

@media (min-width: 769px) {
    .custom-cursor {
        position: fixed;
        width: 6px;
        height: 6px;
        background: #60a5fa;
        border-radius: 50%;
        pointer-events: none;
        z-index: 10000;
        opacity: 1;
        box-shadow: 0 0 10px #60a5fa;
    }
}

@media (min-width: 769px) {
    .bubble-trail {
        position: fixed;
        background: radial-gradient(circle, rgba(96, 165, 250, 0.8) 0%, rgba(147, 197, 253, 0.6) 30%, rgba(96, 165, 250, 0.3) 70%, transparent 100%);
        border-radius: 50%;
        pointer-events: none;
        z-index: 9998;
        opacity: 0;
        animation: bubbleFloat linear forwards;
    }

    .bubble-small {
        width: 4px;
        height: 4px;
        background: radial-gradient(circle, rgba(96, 165, 250, 0.9) 0%, rgba(147, 197, 253, 0.5) 50%, transparent 100%);
    }

    .bubble-medium {
        width: 8px;
        height: 8px;
        background: radial-gradient(circle, rgba(96, 165, 250, 0.7) 0%, rgba(147, 197, 253, 0.4) 50%, transparent 100%);
    }

    .bubble-large {
        width: 12px;
        height: 12px;
        background: radial-gradient(circle, rgba(96, 165, 250, 0.6) 0%, rgba(147, 197, 253, 0.3) 50%, transparent 100%);
    }
}

@keyframes bubbleFloat {
    0% {
        opacity: 0.8;
        transform: scale(0.5) translateY(0px) translateX(0px) rotate(0deg);
    }
    20% {
        opacity: 1;
        transform: scale(1) translateY(-10px) translateX(var(--drift-x, 0px)) rotate(45deg);
    }
    50% {
        opacity: 0.8;
        transform: scale(1.2) translateY(-25px) translateX(calc(var(--drift-x, 0px) * 1.5)) rotate(180deg);
    }
    80% {
        opacity: 0.4;
        transform: scale(0.8) translateY(-40px) translateX(calc(var(--drift-x, 0px) * 2)) rotate(270deg);
    }
    100% {
        opacity: 0;
        transform: scale(0.3) translateY(-60px) translateX(calc(var(--drift-x, 0px) * 2.5)) rotate(360deg);
    }
}