/* Updated: 2025-08-27 14:04:47 - THIS IS THE NEW VERSION */
/* Updated: 2025-08-27 13:57:57 - THIS IS THE NEW VERSION */
/* Updated: 2025-08-27 13:50:59 - THIS IS THE NEW VERSION */
/* Comprehensive navigation vertical alignment fix */

/* Base container positioning */
.nav-menus-wrapper {
    position: relative !important;
    min-height: 70px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

/* Main navigation menu */
.nav-menu:not(.nav-menu-social) {
    align-items: center !important;
    height: 100% !important;
    margin-right: 200px !important; /* Space for social menu */
}

/* Reset any conflicting styles for social menu */
#navigation > div.nav-menus-wrapper > ul.nav-menu.nav-menu-social.align-to-right.d-none.d-lg-inline-flex {
    position: absolute !important;
    right: 15px !important; /* Add some padding from edge */
    top: 0 !important;
    height: 100% !important; /* Full height of parent */
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
}

/* Social menu list items */
#navigation > div.nav-menus-wrapper > ul.nav-menu.nav-menu-social.align-to-right.d-none.d-lg-inline-flex > li {
    height: 100% !important; /* Full height container */
    display: flex !important;
    align-items: center !important;
    margin: 0 0 0 15px !important;
    padding: 0 !important;
}

/* Link elements inside social menu */
#navigation > div.nav-menus-wrapper > ul.nav-menu.nav-menu-social.align-to-right.d-none.d-lg-inline-flex > li > a {
    display: flex !important;
    align-items: center !important;
    height: auto !important;
    padding: 0 !important;
}

/* Icon alignment inside links */
#navigation > div.nav-menus-wrapper > ul.nav-menu.nav-menu-social.align-to-right.d-none.d-lg-inline-flex > li > a .svg-icon,
#navigation > div.nav-menus-wrapper > ul.nav-menu.nav-menu-social.align-to-right.d-none.d-lg-inline-flex > li > a .svg-icon svg {
    display: inline-flex !important;
    align-items: center !important;
    vertical-align: middle !important;
}