/* Logo CSS - LinkedIn Service Website - Professional Dark Style with Apple Glass Morphism */
/* Magic-UI optimized for premium logo effects with sophisticated glass morphism */
/* Logo colors: #0077b5 (Blue), #ffd700 (Gold) - Professional Dark Style */

.logo-container {
    display: flex;
    align-items: center;
    height: 100%;
    margin-left: 0;
    padding-left: 0;
    position: relative;
}

.logo-container a {
    display: flex;
    align-items: center;
    text-decoration: none;
    cursor: pointer;
}

.logo-image {
    height: 116px;
    width: auto;
    max-width: 300px;
    object-fit: contain;
    filter: drop-shadow(0 4px 12px rgba(23, 218, 255, 0.3))
            drop-shadow(0 8px 24px rgba(255, 215, 0, 0.1));
    position: relative;
    z-index: 1;
}

/* Logo in Header */
.layout-header .logo-image {
    height: 116px;
}

/* Logo in Footer */
.layout-footer .logo-image {
    height: 40px;
    opacity: 0.9;
    filter: drop-shadow(0 2px 8px rgba(23, 218, 255, 0.2))
            drop-shadow(0 4px 16px rgba(255, 215, 0, 0.15));
}

/* Logo in Content */
.content-logo {
    display: block;
    margin: 0 auto 2rem;
    height: 80px;
    width: auto;
    max-width: 300px;
    filter: drop-shadow(0 4px 12px rgba(23, 218, 255, 0.3))
            drop-shadow(0 8px 24px rgba(255, 215, 0, 0.2));
}

/* Responsive Design */
@media (max-width: 768px) {
    .layout-header .logo-image {
        height: 70px;
    }
    
    .layout-footer .logo-image {
        height: 35px;
    }
    
    .content-logo {
        height: 60px;
        max-width: 250px;
    }
}

@media (max-width: 480px) {
    .layout-header .logo-image {
        height: 60px;
    }
    
    .layout-footer .logo-image {
        height: 30px;
    }
    
    .content-logo {
        height: 50px;
        max-width: 200px;
    }
}