.wb-lm {
    --wb-lm-align: flex-start;
    --wb-lm-gap: 12px;
    --wb-lm-normal-color: #243047;
    --wb-lm-normal-background: transparent;
    --wb-lm-hover-color: #123e80;
    --wb-lm-hover-background: #f0f4fa;
    --wb-lm-active-color: #123e80;
    --wb-lm-active-background: #eaf0fa;
    --wb-lm-submenu-bg: #fff;
    --wb-lm-submenu-width: 220px;
    --wb-lm-collapsed: 0;
    --wb-lm-separator-display: none;
    --wb-lm-separator-color: #cbd2dc;
    --wb-lm-separator-thickness: 1px;
    --wb-lm-separator-length: 16px;
    position: relative;
    width: 100%;
}
.wb-lm *, .wb-lm *::before, .wb-lm *::after { box-sizing: border-box; }
.wb-lm .wb-lm-list, .wb-lm .sub-menu { list-style: none; margin: 0; padding: 0; }
.wb-lm .wb-lm-list { display: flex; flex-wrap: wrap; gap: var(--wb-lm-gap); justify-content: var(--wb-lm-align); }
.wb-lm .wb-lm-list li { position: relative; margin: 0; padding: 0; }
.wb-lm .wb-lm-list a {
    display: block; padding: 12px 16px; text-decoration: none;
    color: var(--wb-lm-normal-color); background: var(--wb-lm-normal-background);
    line-height: inherit; transition: color .15s, background-color .15s;
}
.wb-lm .wb-lm-list { line-height: 1.5; }
.wb-lm:not(.is-collapsed):not(.wb-lm--vertical) .wb-lm-list > li.wb-lm-has-separator::after {
    content: ''; display: var(--wb-lm-separator-display);
    position: absolute; top: 50%;
    inset-inline-start: calc(100% + var(--wb-lm-separator-offset, 6px));
    width: var(--wb-lm-separator-thickness); height: var(--wb-lm-separator-length);
    max-height: 100%; background: var(--wb-lm-separator-color);
    transform: translate(-50%, -50%); pointer-events: none;
}
[dir="rtl"] .wb-lm .wb-lm-list > li.wb-lm-has-separator::after { transform: translate(50%, -50%); }
.wb-lm .wb-lm-list a:hover, .wb-lm .wb-lm-list a:focus-visible {
    color: var(--wb-lm-hover-color); background: var(--wb-lm-hover-background);
}
.wb-lm .current-menu-item > a, .wb-lm .current-menu-ancestor > a, .wb-lm .current-lang > a {
    color: var(--wb-lm-active-color); background: var(--wb-lm-active-background);
}
.wb-lm a:focus-visible, .wb-lm button:focus-visible { outline: 2px solid currentColor; outline-offset: -2px; }
.wb-lm .wb-lm-list li > .sub-menu {
    display: none; position: absolute; inset-inline-start: 0; top: 100%;
    min-width: var(--wb-lm-submenu-width); max-width: 90vw; z-index: 100;
    background: var(--wb-lm-submenu-bg); box-shadow: 0 8px 24px #0002;
}
.wb-lm .wb-lm-list .sub-menu li > .sub-menu { inset-inline-start: 100%; top: 0; }
.wb-lm.is-dropdown-active, .wb-lm.is-menu-open { z-index: 1000; }
.wb-lm .wb-lm-list .sub-menu .lang-item > a { display: flex; align-items: center; gap: 8px; }
.wb-lm .wb-lm-language-name { font: inherit; color: inherit; }
.wb-lm:not(.is-ready) li:hover > .sub-menu,
.wb-lm:not(.is-ready) li:focus-within > .sub-menu,
.wb-lm li.is-submenu-open > .sub-menu { display: block; }
.wb-lm .wb-lm-subtoggle {
    position: absolute; inset-inline-end: 0; top: 0;
    width: 36px; min-height: 42px; padding: 8px; border: 0; border-radius: 0;
    display: flex; align-items: center; justify-content: center;
    color: var(--wb-lm-normal-color); background: transparent; cursor: pointer;
}
.wb-lm .wb-lm-subtoggle:hover { color: var(--wb-lm-hover-color); background: var(--wb-lm-hover-background); }
.wb-lm.is-ready li.menu-item-has-children > a { padding-inline-end: 42px; }
.wb-lm .wb-lm-subtoggle svg { width: 14px; height: 14px; transition: transform .15s; }
.wb-lm .wb-lm-subtoggle[aria-expanded="true"] svg { transform: rotate(180deg); }
.wb-lm .wb-lm-toggle {
    display: none; align-items: center; justify-content: center; gap: 8px;
    padding: 10px 14px; color: var(--wb-lm-normal-color); background: #f0f4fa;
    border: 1px solid #dce2eb; border-radius: 6px; cursor: pointer; line-height: 1.5;
}
.wb-lm--vertical .wb-lm-list { flex-direction: column; }
.wb-lm--vertical .wb-lm-list > li > .sub-menu { inset-inline-start: 0; top: 100%; }
@media not all and (min-width: 768px) {
    .wb-lm-collapse-mobile { --wb-lm-collapsed: 1; }
}
@media not all and (min-width: 1025px) {
    .wb-lm-collapse-tablet { --wb-lm-collapsed: 1; }
}
.wb-lm.is-collapsed .wb-lm-toggle { display: inline-flex; }
.wb-lm.is-collapsed .wb-lm-panel { display: none; }
.wb-lm.is-collapsed .wb-lm-panel {
    position: absolute; top: 100%; inset-inline-start: 0;
    min-width: min(var(--wb-lm-submenu-width), 90vw); width: 100%; max-width: 90vw;
    z-index: 100; background: var(--wb-lm-submenu-bg); box-shadow: 0 8px 24px #0002;
}
.wb-lm.is-collapsed.is-menu-open .wb-lm-panel { display: block; }
.wb-lm.is-collapsed .wb-lm-list { flex-direction: column; }
.wb-lm.is-collapsed .wb-lm-list li > .sub-menu { inset-inline-start: 0; top: 100%; }
.wb-lm.wb-lm-full-width.is-collapsed .wb-lm-panel {
    inset-inline-start: auto; right: auto; left: var(--wb-lm-panel-left, 0px);
    width: var(--wb-lm-panel-width, 100%); min-width: 0; max-width: none;
    max-height: var(--wb-lm-panel-height, 80vh); overflow-y: auto; overflow-x: hidden;
    overscroll-behavior: contain;
}
.wb-lm.wb-lm-full-width.is-collapsed .wb-lm-list li > .sub-menu {
    position: static; width: 100%; min-width: 0; max-width: 100%;
}
.wb-lm.wb-lm-full-width.is-collapsed .wb-lm-list a { overflow-wrap: anywhere; }
@media (prefers-reduced-motion: reduce) {
    .wb-lm .wb-lm-list a, .wb-lm .wb-lm-subtoggle svg { transition: none; }
}
