/* Navigation */
    #main-nav { display: flex; align-items: center; height: 100%; }
    .lotep-nav { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; }
    .lotep-nav-item { position: relative; }
    .lotep-nav-link {
        display: flex;
        align-items: center;
        padding: 15px 15px 12px 15px;
        color: var(--tenant-primary, #1075ad);
        font-weight: 700;
        font-size: 0.85rem;
        text-transform: uppercase;
        text-decoration: none;
        transition: border-color 0.2s ease;
        border-bottom: 3px solid transparent;
    }
    .lotep-nav-link:hover, .lotep-nav-item.active > .lotep-nav-link,
    .lotep-nav-toggle[aria-expanded="true"] {
        color: var(--tenant-primary, #1075ad);
        background-color: transparent;
        text-decoration: none;
        border-bottom-color: var(--tenant-primary, #1075ad);
    }
    html.acessibilidade-sem-animacao .lotep-nav-link { transition: none !important; }
    .lotep-dropdown {
        position: absolute;
        top: calc(100% + 2px);
        left: 0;
        min-width: 250px;
        max-width: 350px;
        background: #fff;
        border: 1px solid #ccc;
        box-shadow: 0 4px 6px rgba(0,0,0,0.1);
        list-style: none;
        padding: 5px 0;
        margin: 0;
        display: none;
        z-index: 1000;
    }
    .lotep-nav-item.has-dropdown.is-open > .lotep-dropdown,
    .lotep-nav-toggle[aria-expanded="true"] + .lotep-dropdown { display: block; }
    .lotep-dropdown-item { position: relative; }
    .lotep-dropdown-link {
        display: block;
        padding: 8px 20px;
        color: #333;
        font-size: 0.9rem;
        text-decoration: none;
        white-space: normal;
        word-wrap: break-word;
    }
    .lotep-dropdown-link:hover, .lotep-dropdown-link:focus {
        background-color: #f5f5f5;
        color: var(--tenant-primary, #1075ad);
        text-decoration: none;
    }
    .lotep-submenu {
        display: none;
        list-style: none;
        padding: 5px 0;
        margin: 0 0 0 20px;
        border-left: 2px solid #eaeaea;
        background: transparent;
    }
    .lotep-dropdown-item.has-submenu.is-open > .lotep-submenu,
    .lotep-submenu-toggle[aria-expanded="true"] + .lotep-submenu { display: block; }
    .lotep-submenu .lotep-dropdown-link { padding: 6px 15px; font-size: 0.85rem; }
    .has-submenu > .lotep-dropdown-link > i { color: #999; }
    .lotep-nav-toggle { cursor: pointer; }

    @media (max-width: 991px) {
        .lotep-dropdown { position: absolute; box-shadow: 0 4px 6px rgba(0,0,0,0.1); }
        #offcanvasNavbar .offcanvas-body { padding: 1.5rem; }
        #offcanvasNavbar .offcanvas-body #main-nav { align-items: flex-start !important; height: auto !important; }
        #offcanvasNavbar .offcanvas-body .lotep-nav { flex-direction: column !important; align-items: flex-start !important; width: 100% !important; }
        #offcanvasNavbar .offcanvas-body .lotep-nav-item { width: 100% !important; border-bottom: 1px solid #eee; }
        #offcanvasNavbar .offcanvas-body .lotep-nav-link { padding: 12px 0 !important; width: 100% !important; border-bottom: 0 !important; }
        #offcanvasNavbar .offcanvas-body .lotep-dropdown { position: static !important; box-shadow: none !important; border: 0 !important; padding-left: 15px !important; display: block !important; max-width: 100% !important; }
        #offcanvasNavbar .offcanvas-body .lotep-submenu { display: block !important; margin-left: 15px !important; }
    }
    @media (min-width: 992px) {
        #offcanvasNavbar { position: static !important; visibility: visible !important; transform: none !important; width: auto !important; z-index: auto !important; background: transparent !important; border: none !important; flex-direction: row !important; }
        #offcanvasNavbar .offcanvas-header { display: none !important; }
        #offcanvasNavbar .offcanvas-body { padding: 0 !important; overflow: visible !important; flex-grow: 0 !important; }
        .offcanvas-backdrop { display: none !important; }
        #main-nav { display: flex !important; align-items: center !important; height: 100%; }
        .lotep-nav { flex-direction: row !important; }
        .lotep-nav-item { white-space: nowrap; }
    }