/* Footer logosu için stil */
.footer-logo {
    max-width: 100%; /* Logonun maksimum genişliği */
    height: auto; /* Yükseklik oranını koru */
    display: block; /* Blok olarak görüntülenmesini sağla */
    margin: 10px auto; /* Ortala */
    padding: 10px 0; /* Üst ve alt boşluk */
    transition: background-color 0.3s ease; /* Arka plan renginin geçişini ekledik */
}

/* Hover durumunda arka plan rengini değiştir */
.footer-logo:hover {
    background-color: #f0f0f0; /* Burada istediğiniz renk kodunu kullanabilirsiniz */
    cursor: pointer; /* Fare işaretçisini pointer yaparak hover'ı gösterebiliriz */
}

/* Link tıklama fonksiyonunu kaldırmak için */
.footer-logo-link {
    pointer-events: none; /* Bu, linkin tıklanmasını engeller */
}

/* Mobil cihazlar için stiller */
@media only screen and (max-width: 768px) {
    /* Logonun mobildeki boyutunu küçültme */
    .footer-logo {
        max-width: 335px; /* Mobilde logonun boyutunu küçülttük */
        padding: 5px 0; /* Padding değerini de küçültebiliriz */
    }

    /* Hover efekti ve arka plan rengini mobilde de uygulayalım */
    .footer-logo:hover {
        background-color: #e0e0e0; /* Mobilde farklı bir renk uygulayalım */
    }
}