/* Header Fix CSS */

/* Fix for hero section text centering */
.hero-section h1 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    text-align: center;
    width: 100%;
}

/* Fix for navbar menu to stay in one line on desktop */
@media (min-width: 992px) {
    /* Reduce padding and font size for nav items */
    .navbar-nav .nav-link {
        padding: 0.5rem 0.8rem !important;
        font-size: 0.95rem !important;
    }
    
    /* Make container wider */
    .navbar .container {
        max-width: 1400px !important;
    }
    
    /* Reduce gap between items */
    .navbar-nav {
        gap: 0 !important;
    }
    
    /* Ensure navbar doesn't wrap */
    .navbar-collapse {
        flex-wrap: nowrap !important;
    }
    
    /* Make contact buttons smaller */
    .navbar .btn-sm {
        padding: 0.25rem 0.75rem !important;
        font-size: 0.875rem !important;
    }
    
    /* Reduce brand font size slightly */
    .navbar-brand {
        font-size: 1.5rem !important;
    }
    
    /* Hide icon text on smaller screens to save space */
    @media (max-width: 1200px) {
        .navbar .btn-sm .d-sm-inline {
            display: none !important;
        }
    }
}

/* Alternative: Use flex-wrap for mobile-like stacking on medium screens */
@media (min-width: 992px) and (max-width: 1199px) {
    .navbar-nav {
        flex-wrap: wrap;
        justify-content: center;
        row-gap: 0.5rem;
    }
}

/* Ensure one line on large screens */
@media (min-width: 1200px) {
    .navbar-collapse {
        display: flex !important;
        justify-content: space-between;
        align-items: center;
    }
    
    .navbar-nav {
        flex-wrap: nowrap !important;
    }
} 