/* Logo Responsive Styles */
.navbar-brand img {
    transition: all 0.3s ease;
}

.navbar-brand:hover img {
    transform: scale(1.05);
}

/* Desktop Header Logo */
@media (min-width: 992px) {
    .navbar-brand img {
        max-height: 60px;
    }
}

/* Mobile Header Logo */
@media (max-width: 991.98px) {
    .navbar-brand img {
        max-height: 45px;
    }
}

/* Footer Logo */
.footer .bg-primary img {
    max-height: 80px;
    filter: brightness(1.1);
}

.footer .bg-primary:hover img {
    transform: scale(1.02);
    transition: transform 0.3s ease;
}

/* Logo Loading State */
.navbar-brand img,
.footer img {
    opacity: 0;
    animation: logoFadeIn 0.5s ease-in-out forwards;
}

@keyframes logoFadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* High DPI / Retina Display Support */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .navbar-brand img,
    .footer img {
        image-rendering: -webkit-optimize-contrast;
        image-rendering: crisp-edges;
    }
}

/* Logo Alt Text Styling (eğer görsel yüklenemezse) */
.navbar-brand img[alt]:after {
    content: attr(alt);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--bs-primary);
    font-weight: bold;
    font-size: 1.2rem;
    text-align: center;
    white-space: nowrap;
}