/* /css/loading.css */
.loading-screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8); /* Hafif şeffaf beyaz zemin */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    transition: opacity 0.5s ease; /* Fade-out geçişi */
    opacity: 1; /* Başlangıçta tamamen görünür */
}

.loading-screen.loaded {
    opacity: 0; /* Fade-out efekti */
    pointer-events: none; /* Kapandığında tıklanamaz */
}

.loading-screen img {
    width: 150px; /* Masaüstü için küçültülmüş boyut */
    height: 150px;
    content: url('/loading-animation.gif'); /* Masaüstü için GIF */
}

/* Mobil için daha küçük GIF */
@media screen and (max-width: 767px) {
    .loading-screen img {
        width: 75px; /* Mobilde daha küçük */
        height: 75px;
        content: url('/loading-animation-mobile.gif'); /* Mobil için düşük çözünürlüklü GIF */
    }
}