/* Navbar Alignment Fix */

/* Target the mobile navbar container */
nav.md\:hidden.w-full.flex.justify-between.items-center {
    justify-content: center !important;
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}

/* Alternative selector for mobile navbar */
header nav[class*="md:hidden"][class*="justify-between"] {
    justify-content: center !important;
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}

/* Target the desktop navbar container */
nav.hidden.md\:flex.w-full.justify-center.items-center {
    padding-left: 6rem !important;
    margin-left: 0 !important;
}

/* Alternative selector for desktop navbar */
header nav[class*="hidden"][class*="md:flex"][class*="justify-center"] {
    padding-left: 1rem !important;
    margin-left: 0 !important;
}

/* General navbar centering for any navbar with justify-between */
header nav[class*="justify-between"] {
    justify-content: center !important;
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}

/* Ensure logo container is properly centered */
header nav img[alt*="Mumbai Central Logo"] {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Mobile hamburger button positioning */
header nav button[class*="text-primary"] {
    position: absolute !important;
    right: 1rem !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* Desktop navbar specific adjustments */
@media (min-width: 768px) {
    /* Remove the left margin that pushes content right */
    nav[class*="sm:ml-[90px]"] {
        margin-left: 0 !important;
    }
    
    /* Center the entire navbar content */
    header nav[class*="md:flex"] {
        justify-content: center !important;
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}

/* Mobile navbar specific adjustments */
@media (max-width: 767px) {
    /* Center mobile navbar */
    header nav[class*="md:hidden"] {
        justify-content: center !important;
        position: relative !important;
    }
    
    /* Position hamburger button absolutely */
    header nav[class*="md:hidden"] button {
        position: absolute !important;
        right: 1rem !important;
    }
    
    /* Center logo in mobile */
    header nav[class*="md:hidden"] a[href="/"] {
        margin: 0 auto !important;
    }
}