/* QRMenuyu Logo Responsive Styles */
.qrmenyu-logo {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    transition: all 0.3s ease;
}

/* Navbar brand logo styles */
.navbar-brand .qrmenyu-logo,
.navbar-brand-img.qrmenyu-logo {
    max-height: 45px;
    width: auto;
}

/* Project logo in menu */
.theProjectLogo.qrmenyu-logo {
    max-height: 40px;
    width: auto;
}

/* Sidebar logo */
.navbar-vertical .navbar-brand .navbar-brand-img.qrmenyu-logo {
    max-height: 40px;
    max-width: 140px;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .navbar-brand .qrmenyu-logo,
    .navbar-brand-img.qrmenyu-logo {
        max-height: 35px;
        max-width: 120px;
    }
    
    .theProjectLogo.qrmenyu-logo {
        max-height: 32px;
        max-width: 120px;
    }
    
    .navbar-vertical .navbar-brand .navbar-brand-img.qrmenyu-logo {
        max-height: 32px;
        max-width: 110px;
    }
}

@media (max-width: 576px) {
    .navbar-brand .qrmenyu-logo,
    .navbar-brand-img.qrmenyu-logo {
        max-height: 30px;
        max-width: 100px;
    }
    
    .theProjectLogo.qrmenyu-logo {
        max-height: 28px;
        max-width: 100px;
    }
}

/* Preloader logo */
.preloader .qrmenyu-logo {
    max-height: 50px;
    width: auto;
    animation: pulse 2s ease-in-out infinite;
}

@keyframes pulse {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.8;
        transform: scale(1.05);
    }
}

/* Dark mode compatibility */
.navbar-dark .qrmenyu-logo,
.bg-dark .qrmenyu-logo {
    filter: brightness(1.2);
}

/* Print styles */
@media print {
    .qrmenyu-logo {
        max-width: 150px !important;
        height: auto !important;
    }
}