/**
 * Logo Fix CSS - Soluciona el problema del logo gigante
 * 
 * @package CEI_Gemology_Theme
 */

/* Fix for oversized logos */
.nav-logo {
    max-width: 300px;
    flex-shrink: 0;
    overflow: hidden;
}

.nav-logo img,
.nav-logo .custom-logo {
    max-width: 200px !important;
    max-height: 60px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain;
    display: block;
}

/* WordPress custom logo fix */
.custom-logo {
    max-width: 200px !important;
    max-height: 60px !important;
    width: auto !important;
    height: auto !important;
}

/* Ensure logo doesn't break layout */
.nav-container {
    align-items: center;
    min-height: 80px;
}

.nav-logo h2 {
    font-size: 1.2rem;
    line-height: 1.2;
    margin: 0;
    color: #cfaa61;
}

/* Mobile logo fix */
@media (max-width: 768px) {
    .nav-logo {
        max-width: 200px;
    }
    
    .nav-logo img,
    .nav-logo .custom-logo {
        max-width: 150px !important;
        max-height: 50px !important;
    }
    
    .nav-logo h2 {
        font-size: 1rem;
    }
}

@media (max-width: 480px) {
    .nav-logo {
        max-width: 150px;
    }
    
    .nav-logo img,
    .nav-logo .custom-logo {
        max-width: 120px !important;
        max-height: 40px !important;
    }
    
    .nav-logo h2 {
        font-size: 0.9rem;
    }
}

/* Force logo dimensions */
.nav-logo img[src*="logo"],
.nav-logo img[src*="Logo"],
.nav-logo .custom-logo {
    max-width: 200px !important;
    max-height: 60px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}

/* Additional safety measures */
.nav-logo * {
    max-width: 200px !important;
    max-height: 60px !important;
    width: auto !important;
    height: auto !important;
}

/* Ensure content is visible */
.site-main {
    margin-top: 80px;
}

/* Fix for admin bar */
.admin-bar .site-main {
    margin-top: 112px;
}

@media screen and (max-width: 782px) {
    .admin-bar .site-main {
        margin-top: 126px;
    }
}