/* ===================================
   AUTO-SCROLL PREMIUM MODE - W2K-Digital
   Ajouts CSS pour INTERKL GLOBAL GROUP
   =================================== */

/* Indicateur auto-scroll */
.w2k-scroll-indicator {
    position: fixed;
    bottom: 24px;
    right: 24px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: var(--color-accent, #f59e0b);
    z-index: 9999;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.3s ease, background 0.3s ease;
    box-shadow: 0 2px 8px rgba(245, 158, 11, 0.4);
}

.w2k-scroll-indicator.active {
    opacity: 0.75;
    animation: w2kPulse 2.2s ease-in-out infinite;
}

.w2k-scroll-indicator.paused {
    opacity: 0.35;
    animation: none;
    background: var(--color-gray, #9ca3af);
    box-shadow: 0 2px 8px rgba(156, 163, 175, 0.3);
}

.w2k-scroll-indicator.section-pause {
    animation: w2kBreath 1.5s ease-in-out infinite;
}

.w2k-scroll-indicator:hover {
    transform: scale(1.4);
    opacity: 1 !important;
}

/* Animation pulsation */
@keyframes w2kPulse {
    0%, 100% { transform: scale(1); opacity: 0.75; }
    50% { transform: scale(1.35); opacity: 1; }
}

/* Animation respiration (pause section) */
@keyframes w2kBreath {
    0%, 100% { transform: scale(1); opacity: 0.6; }
    50% { transform: scale(1.15); opacity: 0.85; }
}

/* Transition entre pages */
.w2k-page-transition {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--color-primary, #1e3a8a);
    z-index: 99999;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.8s ease;
}

.w2k-page-transition.active {
    opacity: 1;
    pointer-events: all;
}

/* Mobile : indicateur plus petit */
@media (max-width: 768px) {
    .w2k-scroll-indicator {
        width: 10px;
        height: 10px;
        bottom: 16px;
        right: 16px;
    }
}