/* Logo positioning styles */
.logo-container {
    transition: all 0.3s ease;
}

/* Mobile screens - Always center the logo */
@media (max-width: 991px) {
    .nav-main-header main {
        position: relative;
    }
    
    .logo-container {
        text-align: center !important;
        width: 100% !important;
        position: absolute !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        margin: 0 !important;
        z-index: 1;
    }
    
    .logo-container a,
    .logo-container img {
        display: inline-block !important;
        margin: 0 auto !important;
    }
    
    /* Ensure the hamburger button is positioned correctly */
    .nav-main-header main button {
        position: relative;
        z-index: 2;
        flex-shrink: 0;
    }
    
    /* Adjust the flex container for mobile */
    .nav-main-header main > div:first-child {
        justify-content: center !important;
        position: relative;
    }
}

/* Desktop screens - Default positioning with contact menu offset */
@media (min-width: 992px) {
    .logo-container {
        position: relative;
        left: 89px; /* Default offset for when contact menu is present */
    }
    
    /* When contact menu is not present, center the logo */
    .logo-container.centered-logo {
        position: absolute !important;
        left: 55.6% !important;
        transform: translateX(-50%) !important;
        margin: 0 !important;
        text-align: center;
        width: auto !important;
        display: inline-block !important;
    }
}