/* Logo Styles for DocWise.Pro */
.logo-container {
    display: flex;
    align-items: center;
    transition: opacity 0.3s ease;
}

.logo-container:hover {
    opacity: 0.8;
}

.logo-image {
    width: 48px !important;
    height: 48px !important;
    max-width: none !important;
    object-fit: contain;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    /* Prevent image unloading */
    will-change: auto;
    backface-visibility: hidden;
    transform: translateZ(0);
}

/* Preload logo to prevent unloading */
.logo-image::before {
    content: '';
    background-image: url('M.svg');
    background-size: 48px 48px;
    width: 0;
    height: 0;
    position: absolute;
    visibility: hidden;
}

/* Ensure logo appears in search results and browser tabs */
link[rel="icon"],
link[rel="shortcut icon"],
link[rel="apple-touch-icon"] {
    sizes: "32x32 48x48 64x64 128x128 256x256";
}

/* Brand text styling */
.brand-text {
    margin-left: 1rem;
}

.brand-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: #111827;
    line-height: 1.2;
}

.brand-subtitle {
    font-size: 0.875rem;
    color: #6B7280;
    line-height: 1.2;
}

/* Responsive logo sizing */
@media (max-width: 640px) {
    .logo-image {
        width: 40px !important;
        height: 40px !important;
    }
    
    .brand-title {
        font-size: 1.25rem;
    }
    
    .brand-subtitle {
        font-size: 0.75rem;
    }
}

/* High DPI displays */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .logo-image {
        image-rendering: -webkit-optimize-contrast;
    }
}