/* ------------------------------------------------------------------
   Horizontal main navigation for Joomla 5 (mod_menu) — replaces the
   discontinued IceMegaMenu. Matches theme3334 brand (dark bar, white
   uppercase Roboto Condensed links).
   ------------------------------------------------------------------ */
#navigation { background: #252525; }
#navigation .container,
#navigation .row { position: static; }
#navigation .moduletable,
#navigation .module_container,
#navigation .mod-menu { background: transparent; }

#navigation .mod-menu > ul.menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
#navigation .mod-menu > ul.menu > li {
    position: relative;
    float: none;
    display: block;
    border: 0;
}
#navigation .mod-menu ul.menu a,
#navigation .mod-menu ul.menu > li > span {
    display: block;
    color: #fff;
    text-decoration: none;
    font-family: 'Roboto Condensed', Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: .03em;
    line-height: 1.2;
}
#navigation .mod-menu > ul.menu > li > a,
#navigation .mod-menu > ul.menu > li > span {
    padding: 18px 20px;
    font-size: 14px;
    font-weight: 700;
}
#navigation .mod-menu > ul.menu > li:hover > a,
#navigation .mod-menu > ul.menu > li.active > a,
#navigation .mod-menu > ul.menu > li.current > a {
    background: #3f3f3f;
}

/* Dropdown sub-menus */
#navigation .mod-menu ul.menu ul.nav-child {
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 1000;
    display: none;
    min-width: 230px;
    list-style: none;
    margin: 0;
    padding: 0;
    background: #252525;
    box-shadow: 0 6px 16px rgba(0, 0, 0, .25);
}
#navigation .mod-menu ul.menu li:hover > ul.nav-child { display: block; }
#navigation .mod-menu ul.menu ul.nav-child > li { display: block; position: relative; }
#navigation .mod-menu ul.menu ul.nav-child > li > a,
#navigation .mod-menu ul.menu ul.nav-child > li > span {
    padding: 12px 18px;
    font-size: 13px;
    font-weight: 400;
    border-top: 1px solid rgba(255, 255, 255, .06);
}
#navigation .mod-menu ul.menu ul.nav-child > li:hover > a { background: #3f3f3f; }

/* 3rd level flyout */
#navigation .mod-menu ul.menu ul.nav-child ul.nav-child { left: 100%; top: 0; }

/* Mobile: stack vertically */
@media (max-width: 767px) {
    #navigation .mod-menu > ul.menu { display: block; }
    #navigation .mod-menu > ul.menu > li { border-top: 1px solid rgba(255,255,255,.08); }
    #navigation .mod-menu ul.menu ul.nav-child {
        position: static;
        display: block;
        box-shadow: none;
        min-width: 0;
    }
    #navigation .mod-menu ul.menu ul.nav-child > li > a { padding-left: 36px; }
}