/* Menu Adapter CSS - Ambon Manise */

/* 1. Base Cleanup */
.nav-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /* Centers items horizontally */
    align-items: center;
    /* Centers items vertically relative to container */
    width: 100%;
    /* Ensure it spans full width to allow centering */
}

.nav-menu li {
    position: relative;
    list-style: none;
}

.nav-menu a {
    display: flex;
    /* Changed from block to flex for better centering */
    align-items: center;
    /* Vertical Center */
    justify-content: center;
    /* Horizontal Center */
    padding: 5px 8px;
    /* Further reduced horizontal padding to prevent wrap */
    text-decoration: none;
    color: #fff;
    /* Default text white */
    font-weight: 500;
    transition: background-color 0.3s ease;
    text-align: center;
    /* Backup for multi-line */
}

.nav-menu a:hover {
    background-color: #000 !important;
    /* Force black on hover */
}

/* 2. Top Level Hover */
.nav-menu>li:hover>a {
    background-color: #000 !important;
    /* Hover state BLACK */
}

/* Remove potential arrow/typos from theme defaults */
/* Remove potential arrow/typos from theme defaults */
.nav-menu li:before,
.nav-menu li:after,
.nav-menu a:before,
.nav-menu a:after,
.nav-menu span:before,
.nav-menu span:after,
.nav-menu .menu-item-has-children>a:after,
.nav-menu .page_item_has_children>a:after,
.nav-menu i,
/* Generic Icons */
.nav-menu .fa,
/* FontAwesome */
.nav-menu .fas,
.nav-menu .far {
    content: none !important;
    /* Kill any > typo */
    display: none !important;
    border: none !important;
    background: none !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* 3. Dropdown Logic */
.nav-menu .sub-menu {
    display: none;
    /* Hidden by default */
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 180px;
    /* Reduced width */
    background-color: #d62727;
    /* Red Brand */
    padding: 0;
    z-index: 99999;
    /* Ultra high z-index for mobile overlap */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    touch-action: manipulation;
    /* Improve touch response */
}

/* Show on Hover, Focus, or Touch (Active) */
/* Show on Hover, Focus, or Touch (Active) */
.nav-menu li:hover>.sub-menu,
.nav-menu li:focus-within>.sub-menu,
.nav-menu li.active>.sub-menu,
.nav-menu li.touch-open>.sub-menu {
    display: block;
}

/* 4. Dropdown Styling */
.nav-menu .sub-menu li {
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.nav-menu .sub-menu li:last-child {
    border-bottom: none;
}

.nav-menu .sub-menu a {
    padding: 8px 15px;
    /* Reduced submenu padding */
    font-size: 0.95em;
    color: #fff;
    justify-content: flex-start;
    /* Left align text */
    text-align: left;
    /* Left align text */
}

/* 5. Submenu Hover */
/* 5. Submenu Hover */
.nav-menu .sub-menu li:hover>a {
    background-color: #000 !important;
    /* Hover state BLACK */
    color: #fff !important;
}

/* 6. Nested Submenus (Level 3+) */
.nav-menu .sub-menu .sub-menu {
    top: 0;
    left: 100%;
    /* Flyout to right */
    margin-top: -1px;
    /* Align top borders */
}

/* 7. Active State (Parent when dropdown open) */
.nav-menu li.menu-item-has-children:hover>a {
    background-color: #000;
}

/* 8. Responsive Adjustments (Prevent Wrapping) */
@media (max-width: 900px) {
    .nav-menu a {
        padding: 5px 6px;
        font-size: 14px;
        /* Slightly smaller text on tablets */
    }
}