/* Arka planı pasif hale getiren stil */
body.loading {
    pointer-events: none; /* Sayfayı tıklanamaz yapar */
    opacity: 0.2; /* Sayfayı geçici olarak opak hale getirir */
}

/* Arka planın opacity'si olacak, ancak logonun değil */
.loading-spinner {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99999; /* Spinner'ı çok yüksek bir katmanda gösterir */
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none; /* Spinner'ı tıklanamaz yapar */
}

    /* Logonun opaklık değerini değiştirmemek için opacity 1 olarak ayarlandı */
    .loading-spinner img {
        width: 150px; /* Logoyu büyütmek için genişlik arttırıldı */
        height: 150px; /* Yükseklik de arttırıldı */
        z-index: 1000000000; /* Görseli en ön plana çıkarır */
        opacity: 1000; /* Logonun opaklık değerini sabit tutuyoruz */
    }

/* Kendi etrafında dönen görsel */
.rotate {
    animation: rotateY 3s linear infinite;
    transform-style: preserve-3d; /* 3D dönüşümü korur */
}

/* 3D dönüşüm animasyonu */
@keyframes rotateY {
    0% {
        transform: rotateY(0deg);
    }

    100% {
        transform: rotateY(360deg);
    }
}