/* 1. RESET & CONTAINER */
.ozarks-nav-container *, 
.ozarks-nav-container *::before, 
.ozarks-nav-container *::after {
    box-sizing: border-box; 
    margin: 0; 
    padding: 0;
}

.ozarks-nav-container {
    background-color: #f0f0f0; 
    width: 100%;
    z-index: 9999;
    font-family: 'Segoe UI', Roboto, Arial, sans-serif;
    border-bottom: 2px solid #ccc;
}

/* 2. MAIN MENU BAND */
.ozarks-menubar {
    list-style: none !important;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    min-height: 44px;
    margin: 0 !important;
    padding: 0 !important;
}

.ozarks-menu-item { 
    position: relative; 
    list-style: none !important;
}

/* 3. TOP LEVEL INTERACTIVES */
.ozarks-menu-link, 
.ozarks-dropdown-trigger {
    display: flex;
    align-items: center;
    height: 44px;
    padding: 0 20px;
    color: #000 !important;
    text-decoration: none !important;
    background: none;
    border: none;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s;
}

.ozarks-menu-link:hover, 
.ozarks-dropdown-trigger:hover, 
.ozarks-menu-item:hover > .ozarks-dropdown-trigger {
    background-color: #00264c !important;
    color: #fff !important;
}

.ozarks-menu-link:focus, 
.ozarks-dropdown-trigger:focus {
    outline: 2px solid #00264c;
    outline-offset: -2px;
}

/* 4. SUBMENUS */
.ozarks-submenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    min-width: 280px;
    box-shadow: 0 8px 16px rgba(0,0,0,0.15);
    border: 1px solid #ccc;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.ozarks-menu-item:hover > .ozarks-submenu,
.ozarks-menu-item:focus-within > .ozarks-submenu {
    display: block;
}

.ozarks-submenu li {
    border-bottom: 1px solid #f0f0f0;
    list-style: none !important;
}

.ozarks-submenu li:last-child { border-bottom: none; }

/* 5. SUBMENU LINKS - Optimized & Corrected */
.ozarks-submenu-link {
    display: block;
    padding: 6px 15px; 
    color: #333 !important;
    text-decoration: none !important;
    font-size: 13px;
    line-height: 1.4;
    text-align: left;
    transition: all 0.1s ease-in-out;
    background: transparent;
}

.ozarks-submenu-link:hover, 
.ozarks-submenu-link:focus {
    background-color: #00264c !important;
    color: #fff !important;
    padding-left: 18px; 
}

/* 6. CATEGORY HEADERS - Labels like "People" and "Geologic Maps" */
.ozarks-submenu-header {
    padding: 10px 15px 4px 15px;
    background-color: #fcfcfc;
    font-weight: 700;
    color: #004c97;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-bottom: 1px solid #e0e0e0;
    cursor: default;
    pointer-events: none; /* Prevents accidental hover triggers */
}

/* Indented items: Push links to the right under their headers */
.ozarks-indented-item {
    padding-left: 25px !important;
}


	/* --- ACTIVE PAGE (NON-LINK) STYLE --- */
.ozarks-menu-link.active-page {
    background-color: #00264c !important; /* Dark Blue */
    color: #ffffff !important;           /* White Text */
    padding: 10px 15px !important;       /* Exactly match menu item padding */
    font-weight: bold !important;
    font-size: 0.95rem !important;
    display: inline-flex !important;
    align-items: center !important;
    height: 100% !important;
    
    /* THE FIXES: */
    cursor: default !important;          /* No hand icon on hover */
    pointer-events: none !important;     /* Disables all clicking/triggering */
    text-decoration: none !important;    /* Removes any accidental underlines */
    user-select: none !important;        /* Prevents text highlighting */
}

/* Ensure hover doesn't change the color even if the mouse is over it */
.ozarks-menu-link.active-page:hover {
    background-color: #00264c !important;
    color: #ffffff !important;
}












/* --- 3. REFINED NAVIGATION (Full width bar, 80% content) --- */
.ozarks-nav-container {
    width: 100% !important;
    background-color: #f8f9fa !important;
    border-top: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    position: relative;
    z-index: 1000;
}

/* Constrain items to 80% */
.ozarks-menubar {
    width: 80% !important;
    max-width: 1200px;
    display: flex !important;
    justify-content: center !important;
    list-style: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

/* --- THE FIX: TOP LEVEL LINKS & BUTTONS --- */
.ozarks-dropdown-trigger, 
.ozarks-menu-link {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    /* Color and Weight Fixes */
    color: #000000 !important;    /* Absolute Black */
    font-weight: normal !important; /* No Bold */
    font-family: inherit !important;
    font-size: 0.95rem !important;
    text-decoration: none !important;
    cursor: pointer !important;
    /* Vertical Alignment */
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 15px !important;
    margin: 0 !important;
    transition: background-color 0.1s ease;
}

/* --- THE FIX: SUBMENU CONSISTENCY --- */
.ozarks-submenu, 
.ozarks-nested-menu {
    display: none;
    position: absolute;
    background-color: white;
    border: 1px solid #00264c !important;
    list-style: none !important;
    padding: 0 !important; /* Strips extra margins/padding */
    margin: 0 !important;
    z-index: 1000;
    min-width: 200px;
    text-align: left;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;
}

.ozarks-submenu-link, 
.nested-trigger {
    width: 100% !important;
    background: transparent !important;
    border: none !important;
    color: #000000 !important;    /* Black text for submenus too */
    font-weight: normal !important; 
    font-size: 0.9rem !important;  /* Uniform smaller font for submenus */
    padding: 6px 15px !important;  /* Tightened padding */
    display: flex !important;
    align-items: center !important;
    text-decoration: none !important;
    line-height: 1.4 !important;
}

/* Header within Submenu (optional styling) */
.ozarks-submenu-header {
    padding: 8px 15px 4px !important;
    font-weight: bold !important;
    font-size: 0.75rem !important;
    color: #555 !important;
    background-color: #f1f1f1 !important;
    text-transform: uppercase;
}

/* --- HOVER STATES --- */
/* Top level and submenus turn Dark Blue with White text on hover */
.ozarks-dropdown-trigger:hover, 
.ozarks-menu-link:hover, 
.ozarks-dropdown-trigger[aria-expanded="true"], 
.ozarks-submenu-link:hover,
.nested-trigger:hover {
    background-color: #00264c !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Fix for the trigger buttons that might have inherited padding */
button.ozarks-dropdown-trigger {
    -webkit-appearance: none;
    appearance: none;
}