/* 
* CampusUdaan - Navigation Fix
* This file contains styles to force right alignment of navigation items
* It uses !important to override any other styles
*/

/* Force right alignment for desktop navigation */
@media (min-width: 769px) {
    /* Container structure */
    .header-container {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
    }
    
    /* Logo positioning */
    .logo {
        flex: 0 0 auto !important;
        order: 1 !important;
    }
    
    /* Navigation menu positioning */
    .nav-menu {
        flex: 0 0 auto !important;
        order: 2 !important;
        margin-left: auto !important;
        display: flex !important;
        justify-content: flex-end !important;
        align-items: center !important;
    }
    
    /* Navigation list positioning */
    .nav-list {
        display: flex !important;
        justify-content: flex-end !important;
        align-items: center !important;
        margin-left: auto !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        width: auto !important;
    }
    
    /* Individual nav items */
    .nav-item {
        margin-left: 20px !important;
        margin-right: 0 !important;
    }
    
    /* Remove any center alignment */
    .header .nav-list,
    .header .nav-menu,
    .header-container .nav-list,
    .header-container .nav-menu {
        justify-content: flex-end !important;
        text-align: right !important;
    }
    
    /* Ensure the button is properly positioned */
    .nav-button {
        margin-left: 20px !important;
    }
}

/* Mobile styles remain centered as per standard mobile UX */
@media (max-width: 768px) {
    .mobile-icons-container {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        margin-left: auto !important;
    }
    
    .mobile-search-icon {
        display: flex !important;
        margin-right: 15px !important;
    }
}