/* ============================================================
   501-php-02-language-switcher — DE / IT
   ============================================================ */

.x501-lang {
    display: inline-flex;
    align-items: center;
    gap: .375rem;
    font-family: var(--font-body, Roboto, sans-serif);
    font-size: var(--fs-meta, 1rem);
    line-height: 1;
}

.x501-lang__item {
    padding: 4px 6px;
    border-radius: var(--radius, 3px);
    text-decoration: none;
    color: var(--text-muted, #6d7278);
    transition: color .14s ease, background-color .14s ease;
}

a.x501-lang__item:hover {
    color: var(--text, #14171a);
    background: var(--surface-2, #f4f2ee);
}

.x501-lang__item--active {
    color: var(--text, #14171a);
    font-weight: var(--w-heading, 500);
}

.x501-lang__sep {
    color: var(--border, #dfdbd4);
}