/* Three.js Container Styles */
#particles-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
    opacity: 0.7;
    overflow: hidden;
}

/* Responsive Adjustments */
@media (max-width: 992px) {
    #particles-container {
        opacity: 0.5;
    }
}

@media (max-width: 768px) {
    #particles-container {
        opacity: 0.3;
    }
}

/* Üç boyutlu animasyon için stil düzenlemeleri - bu stil dosyası three.js animasyonları için kullanılıyor */

/* Tüm tıklanabilir öğeler için özel cursor */
@media (min-width: 993px) {
    #animation-container, 
    #three-container, 
    #particles-container,
    #animation-container canvas,
    #three-container canvas,
    #particles-container canvas {
        cursor: none !important;
    }
}

/* Dokunmatik cihazlar için uyumluluk */
@media (max-width: 992px), (hover: none), (pointer: coarse) {
    #animation-container, 
    #three-container, 
    #particles-container,
    #animation-container canvas,
    #three-container canvas,
    #particles-container canvas {
        cursor: default !important;
    }
    
    /* Tüm interactive elemanlar için cursor davranışını geri ver */
    a, button, input, textarea, select, 
    [role="button"], [type="submit"], [type="button"],
    .service-card, .project-card, .view-all-link {
        cursor: pointer !important;
    }
}