/* CSS Ergänzung für alle Scroll-Container */
/* Diese Stile in eine bestehende CSS-Datei einfügen oder als neue Datei erstellen */

/* Verhindere Text-Selektion in allen Scrolls wenn Circle Gesture aktiv ist */
body.circle-gesture-active .scroll-container,
body.circle-gesture-active .second-scroll-container,
body.circle-gesture-active .third-scroll-container,
body.circle-gesture-active .fourth-scroll-container,
body.circle-gesture-active .fifth-scroll-container,
body.circle-gesture-active .sixth-scroll-container,
body.circle-gesture-active .seventh-scroll-container {
    user-select: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    pointer-events: none !important;
}

/* Alle Scroll-Texte nicht selektierbar machen wenn Circle Gesture aktiv */
body.circle-gesture-active .scroll-text,
body.circle-gesture-active .second-scroll-text,
body.circle-gesture-active .third-scroll-text,
body.circle-gesture-active .fourth-scroll-text,
body.circle-gesture-active .fifth-scroll-text,
body.circle-gesture-active .sixth-scroll-text,
body.circle-gesture-active .seventh-scroll-text {
    user-select: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    pointer-events: none !important;
}

/* Generelle Verbesserung: Verhindere Text-Selektion bei Drag-Operationen */
.scroll-text::selection,
.second-scroll-text::selection,
.third-scroll-text::selection,
.fourth-scroll-text::selection,
.fifth-scroll-text::selection,
.sixth-scroll-text::selection,
.seventh-scroll-text::selection {
    background: transparent;
}

/* Cursor-Stile für bessere UX */
body.circle-gesture-active {
    cursor: crosshair !important;
}

body.circle-gesture-active * {
    cursor: crosshair !important;
}


@keyframes gesture-hint-pulse {
    0%, 100% { 
        border-color: rgba(255, 215, 0, 0.3);
        transform: translate(-50%, -30%) scale(1);
    }
    50% { 
        border-color: rgba(255, 215, 0, 0.7);
        transform: translate(-50%, -30%) scale(1.02);
    }
}