@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;900&display=swap");

html[lang="en"] body {
    font-family: var(--wz-font-en);
}

html[lang="en"] .chat-input input {
    text-align: left;
}

html[dir="ltr"] .topbar {
    flex-direction: row;
}

html[dir="ltr"] .brand-stack {
    justify-items: end;
}

html[dir="ltr"] .page-enamad {
    left: auto;
    right: 24px;
}

html[dir="ltr"] .progress-step,
html[dir="ltr"] .summary-cell,
html[dir="ltr"] .plan-card {
    text-align: left;
}

.lang-switcher {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px;
    border-radius: 999px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: rgba(255, 255, 255, 0.72);
    backdrop-filter: blur(14px);
    pointer-events: auto;
}

.lang-switcher a {
    padding: 6px 10px;
    border-radius: 999px;
    color: var(--wz-muted);
    font-size: 0.82rem;
    font-weight: 850;
    text-decoration: none;
}

.lang-switcher a.is-active {
    background: var(--wz-primary);
    color: #fff;
}

.lang-switcher a:not(.is-active):hover {
    color: var(--wz-ink);
}