/* Fix Menu Position for Dewisdom.id */

/* Reset dan Alignment untuk Navigation Menu */
.main-navigation ul,
.primary-navigation ul,
.site-navigation ul,
.header-navigation ul {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.main-navigation li,
.primary-navigation li,
.site-navigation li,
.header-navigation li {
    margin: 0 15px !important;
    padding: 0 !important;
    display: inline-block !important;
    position: relative !important;
}

.main-navigation a,
.primary-navigation a,
.site-navigation a,
.header-navigation a {
    display: block !important;
    padding: 15px 20px !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    color: #333 !important;
    transition: all 0.3s ease !important;
}

.main-navigation a:hover,
.primary-navigation a:hover,
.site-navigation a:hover,
.header-navigation a:hover {
    color: #007cba !important;
    background-color: rgba(0, 124, 186, 0.1) !important;
    border-radius: 4px !important;
}

/* Fix untuk Elementor Nav Menu Widget */
.elementor-nav-menu {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
}

.elementor-nav-menu .elementor-item {
    margin: 0 10px !important;
    padding: 12px 18px !important;
    display: inline-block !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    color: #333 !important;
    border-radius: 4px !important;
    transition: all 0.3s ease !important;
}

.elementor-nav-menu .elementor-item:hover,
.elementor-nav-menu .elementor-item.elementor-item-active {
    color: #007cba !important;
    background-color: rgba(0, 124, 186, 0.1) !important;
}

/* Fix untuk responsive */
@media (max-width: 768px) {
    .main-navigation ul,
    .primary-navigation ul,
    .site-navigation ul,
    .header-navigation ul,
    .elementor-nav-menu {
        flex-direction: column !important;
        width: 100% !important;
    }
    
    .main-navigation li,
    .primary-navigation li,
    .site-navigation li,
    .header-navigation li,
    .elementor-nav-menu .elementor-item {
        margin: 5px 0 !important;
        width: 100% !important;
        text-align: center !important;
    }
}

/* Fix untuk header container */
.site-header .container,
.header .container,
.elementor-section .elementor-container {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

/* Ensure menu items are properly spaced and aligned */
.nav-menu {
    display: flex !important;
    align-items: center !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.nav-menu li {
    margin: 0 8px !important;
}

.nav-menu a {
    padding: 10px 15px !important;
    display: block !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
}

/* Fix any margin/padding issues */
.navigation-wrapper,
.menu-wrapper,
.nav-wrapper {
    margin: 0 !important;
    padding: 0 !important;
}

/* Additional fixes for common navigation selectors */
#primary-menu,
#main-menu,
.primary-menu,
.main-menu {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
    padding: 0 !important;
}

#primary-menu li,
#main-menu li,
.primary-menu li,
.main-menu li {
    display: inline-block !important;
    margin: 0 10px !important;
    position: relative !important;
}