/* wpLangNavi – Frontend Styles
 *
 * Struktur:
 * nav.wplangnavi
 *   nav.wplangnavi--{menu-slug}     (z.B. .wplangnavi--hauptmenue-en)
 *     ul.wplangnavi__list
 *       li.wplangnavi__item  (+ WP-Klassen: .menu-item, .current-menu-item …)
 *         a.wplangnavi__link
 *           span.wplangnavi__text
 *         ul.wplangnavi__sub
 *           li …
 */

.wplangnavi {
    width: 100%;
    font-family: 'Josefin Sans', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* ── Hauptliste ── */
.wplangnavi__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* ── Menüpunkte ── */
.wplangnavi__list > li {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.wplangnavi__list > li:last-child {
    border-bottom: none;
}

/* ── Links ── */
.wplangnavi__list li a {
    display: block;
    padding: 10px 0;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    color: inherit;
    transition: opacity 0.2s ease;
}

.wplangnavi__list li a:hover,
.wplangnavi__list li a:focus {
    opacity: 0.7;
}

/* ── Aktiver Menüpunkt ── */
.wplangnavi__list li.current-menu-item > a,
.wplangnavi__list li.current_page_item > a {
    font-weight: 700;
}

/* ── Sub-Menü Level 2 ── */
.wplangnavi__list .sub-menu {
    list-style: none;
    margin: 0;
    padding: 0 0 0 16px;
}

.wplangnavi__list .sub-menu li a {
    font-size: 12px;
    padding: 8px 0;
}

/* ── Sub-Menü Level 3 ── */
.wplangnavi__list .sub-menu .sub-menu {
    padding-left: 16px;
}

.wplangnavi__list .sub-menu .sub-menu li a {
    font-size: 11px;
}