.lyg-section-menu {
    --lyg-section-menu-text: currentColor;
    --lyg-section-menu-hover: currentColor;
    --lyg-section-menu-active: currentColor;
    --lyg-section-menu-bg: transparent;
    --lyg-section-menu-hover-bg: rgba(0,0,0,.04);
    --lyg-section-menu-active-bg: rgba(0,0,0,.08);
    --lyg-section-menu-gap: 4px;
    --lyg-section-menu-radius: 0;
    --lyg-section-menu-pad-top: 12px;
    --lyg-section-menu-pad-right: 16px;
    --lyg-section-menu-pad-bottom: 12px;
    --lyg-section-menu-pad-left: 16px;
    --lyg-section-mobile-bg: #fff;
    --lyg-section-mobile-text: var(--lyg-section-menu-text);
    --lyg-section-mobile-hover: var(--lyg-section-menu-hover);
    --lyg-section-mobile-active: var(--lyg-section-menu-active);
    --lyg-section-mobile-dropdown-bg: #fff;
    --lyg-section-mobile-arrow: currentColor;
    --lyg-section-shape-bleed: 0px;
    --lyg-section-shadow-x: 0px;
    --lyg-section-shadow-y: 5px;
    --lyg-section-shadow-blur: 10px;
    --lyg-section-shadow-color: rgba(0,0,0,.16);
    width: 100%;
}

.lyg-section-menu__desktop {
    display: flex;
    flex-direction: column;
    gap: var(--lyg-section-menu-gap);
    margin: 0;
    padding: 0;
    list-style: none;
}

.lyg-section-menu__item { margin: 0; padding: 0; position: relative; }

.lyg-section-menu__link {
    position: relative;
    isolation: isolate;
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: var(--lyg-section-menu-pad-top) var(--lyg-section-menu-pad-right) var(--lyg-section-menu-pad-bottom) var(--lyg-section-menu-pad-left);
    color: var(--lyg-section-menu-text);
    background: var(--lyg-section-menu-bg);
    border-radius: var(--lyg-section-menu-radius);
    text-decoration: none;
    transition: color .22s ease, background-color .22s ease, transform .22s ease;
}

.lyg-section-menu__link:hover,
.lyg-section-menu__link:focus-visible {
    color: var(--lyg-section-menu-hover);
    background: var(--lyg-section-menu-hover-bg);
}

.lyg-section-menu__link.is-active {
    color: var(--lyg-section-menu-active);
    background: var(--lyg-section-menu-active-bg);
}

/* Ebakorrapärase tausta puhul on värviline kiht lingi enda taga. */
.lyg-section-menu.has-irregular-background .lyg-section-menu__link,
.lyg-section-menu.has-irregular-background .lyg-section-menu__mobile-trigger {
    background: transparent !important;
    border-radius: 0;
}

.lyg-section-menu.has-irregular-background .lyg-section-menu__link::before,
.lyg-section-menu.has-irregular-background .lyg-section-menu__mobile-trigger::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: calc(var(--lyg-section-shape-bleed) * -1);
    background: var(--lyg-section-menu-bg);
    clip-path: polygon(2% 8%, 96% 1%, 100% 91%, 5% 100%);
    transition: background-color .22s ease, clip-path .22s ease;
    pointer-events: none;
}

.lyg-section-menu.has-irregular-background .lyg-section-menu__item:nth-child(4n+2) .lyg-section-menu__link::before {
    clip-path: polygon(0 3%, 98% 8%, 95% 100%, 4% 94%);
}
.lyg-section-menu.has-irregular-background .lyg-section-menu__item:nth-child(4n+3) .lyg-section-menu__link::before {
    clip-path: polygon(4% 0, 100% 5%, 97% 96%, 0 100%);
}
.lyg-section-menu.has-irregular-background .lyg-section-menu__item:nth-child(4n+4) .lyg-section-menu__link::before {
    clip-path: polygon(1% 9%, 95% 0, 100% 100%, 3% 96%);
}

.lyg-section-menu.has-irregular-background.shape-variant-1 .lyg-section-menu__link::before,
.lyg-section-menu.has-irregular-background.shape-variant-1 .lyg-section-menu__mobile-trigger::before { clip-path: polygon(2% 8%, 96% 1%, 100% 91%, 5% 100%); }
.lyg-section-menu.has-irregular-background.shape-variant-2 .lyg-section-menu__link::before,
.lyg-section-menu.has-irregular-background.shape-variant-2 .lyg-section-menu__mobile-trigger::before { clip-path: polygon(0 3%, 98% 8%, 95% 100%, 4% 94%); }
.lyg-section-menu.has-irregular-background.shape-variant-3 .lyg-section-menu__link::before,
.lyg-section-menu.has-irregular-background.shape-variant-3 .lyg-section-menu__mobile-trigger::before { clip-path: polygon(4% 0, 100% 5%, 97% 96%, 0 100%); }
.lyg-section-menu.has-irregular-background.shape-variant-4 .lyg-section-menu__link::before,
.lyg-section-menu.has-irregular-background.shape-variant-4 .lyg-section-menu__mobile-trigger::before { clip-path: polygon(1% 9%, 95% 0, 100% 100%, 3% 96%); }

.lyg-section-menu.has-irregular-background .lyg-section-menu__link:hover::before,
.lyg-section-menu.has-irregular-background .lyg-section-menu__link:focus-visible::before {
    background: var(--lyg-section-menu-hover-bg);
}
.lyg-section-menu.has-irregular-background .lyg-section-menu__link.is-active::before {
    background: var(--lyg-section-menu-active-bg);
}

.lyg-section-menu.has-irregular-background.has-shape-shadow .lyg-section-menu__link::before,
.lyg-section-menu.has-irregular-background.has-shape-shadow .lyg-section-menu__mobile-trigger::before {
    filter: drop-shadow(var(--lyg-section-shadow-x) var(--lyg-section-shadow-y) var(--lyg-section-shadow-blur) var(--lyg-section-shadow-color));
}

.lyg-section-menu__link:focus-visible,
.lyg-section-menu__mobile-trigger:focus-visible,
.lyg-section-menu__mobile-option:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

.lyg-section-menu__mobile { display: none; position: relative; width: 100%; }

.lyg-section-menu__mobile-trigger {
    appearance: none;
    -webkit-appearance: none;
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    width: 100%;
    border: 0;
    margin: 0;
    padding: 14px 16px;
    color: var(--lyg-section-menu-text);
    background: var(--lyg-section-mobile-bg);
    border-radius: var(--lyg-section-menu-radius);
    text-align: left;
    cursor: pointer;
}

.lyg-section-menu.has-irregular-background .lyg-section-menu__mobile-trigger::before {
    background: var(--lyg-section-mobile-bg);
}

.lyg-section-menu__mobile-arrow {
    flex: 0 0 auto;
    width: 9px;
    height: 9px;
    border-right: 2px solid var(--lyg-section-mobile-arrow);
    border-bottom: 2px solid var(--lyg-section-mobile-arrow);
    transform: rotate(45deg) translateY(-2px);
    transform-origin: center;
    transition: transform .25s ease;
}

.lyg-section-menu__mobile.is-open .lyg-section-menu__mobile-arrow {
    transform: rotate(225deg) translate(-1px,-1px);
}

.lyg-section-menu__mobile-dropdown {
    position: absolute;
    z-index: 100;
    top: calc(100% + 6px);
    left: 0;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    background: var(--lyg-section-mobile-dropdown-bg);
    border-radius: var(--lyg-section-menu-radius);
    box-shadow: 0 16px 35px rgba(0,0,0,.12);
    opacity: 0;
    transform: translateY(-8px) scale(.985);
    transform-origin: top center;
    transition: opacity .2s ease, transform .2s ease;
}

.lyg-section-menu__mobile-dropdown[hidden] { display: none; }
.lyg-section-menu__mobile-dropdown.is-visible { opacity: 1; transform: translateY(0) scale(1); }

.lyg-section-menu__mobile-options {
    display: flex;
    flex-direction: column;
    padding: 6px;
}

.lyg-section-menu__mobile-option {
    display: block;
    padding: 11px 12px;
    color: var(--lyg-section-menu-text);
    text-decoration: none;
    border-radius: calc((var(--lyg-section-menu-radius, 0px) + 4px) / 2);
    transition: color .18s ease, background-color .18s ease, transform .18s ease;
}

.lyg-section-menu__mobile-option:hover,
.lyg-section-menu__mobile-option:focus-visible {
    color: var(--lyg-section-menu-hover);
    background: var(--lyg-section-menu-hover-bg);
}

.lyg-section-menu__mobile-option.is-active {
    color: var(--lyg-section-menu-active);
    background: var(--lyg-section-menu-active-bg);
}

@media (max-width: 767px) {
    .lyg-section-menu__desktop { display: none; }
    .lyg-section-menu__mobile { display: block; }
}

@media (prefers-reduced-motion: reduce) {
    .lyg-section-menu__link,
    .lyg-section-menu__link::before,
    .lyg-section-menu__mobile-arrow,
    .lyg-section-menu__mobile-dropdown,
    .lyg-section-menu__mobile-option { transition: none !important; }
}

/* v1.8.2 – root'i all olevad 2. ja 3. taseme lehed ühe grupina. */
.lyg-section-menu {
    --lyg-section-sub-indent: 18px;
    --lyg-section-sub-gap: 2px;
    --lyg-section-sub-pad-top: 7px;
    --lyg-section-sub-pad-right: 16px;
    --lyg-section-sub-pad-bottom: 7px;
    --lyg-section-sub-pad-left: 16px;
}

.lyg-section-menu__group {
    position: relative;
    isolation: isolate;
}

.lyg-section-menu__sublist {
    display: flex;
    flex-direction: column;
    gap: var(--lyg-section-sub-gap);
    margin: 0;
    padding: 0 0 var(--lyg-section-menu-pad-bottom) var(--lyg-section-sub-indent);
    list-style: none;
}

.lyg-section-menu__subitem {
    margin: 0;
    padding: 0;
}

.lyg-section-menu__sub-link {
    display: block;
    padding: var(--lyg-section-sub-pad-top) var(--lyg-section-sub-pad-right) var(--lyg-section-sub-pad-bottom) var(--lyg-section-sub-pad-left);
    color: var(--lyg-section-menu-text);
    text-decoration: none;
    opacity: .82;
    transition: color .18s ease, opacity .18s ease, transform .18s ease;
}

.lyg-section-menu__sub-link:hover,
.lyg-section-menu__sub-link:focus-visible {
    color: var(--lyg-section-menu-hover);
    opacity: 1;
    transform: translateX(3px);
}

.lyg-section-menu__sub-link.is-active {
    color: var(--lyg-section-menu-active);
    opacity: 1;
}

/* Ebakorrapärane taust ümbritseb tervet 2. taseme gruppi koos 3. taseme linkidega. */
.lyg-section-menu.has-irregular-background .lyg-section-menu__group::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: calc(var(--lyg-section-shape-bleed) * -1);
    background: var(--lyg-section-menu-bg);
    clip-path: polygon(2% 8%, 96% 1%, 100% 91%, 5% 100%);
    transition: background-color .22s ease, clip-path .22s ease;
    pointer-events: none;
}

.lyg-section-menu.has-irregular-background .lyg-section-menu__group:nth-child(4n+2)::before { clip-path: polygon(0 3%, 98% 8%, 95% 100%, 4% 94%); }
.lyg-section-menu.has-irregular-background .lyg-section-menu__group:nth-child(4n+3)::before { clip-path: polygon(4% 0, 100% 5%, 97% 96%, 0 100%); }
.lyg-section-menu.has-irregular-background .lyg-section-menu__group:nth-child(4n+4)::before { clip-path: polygon(1% 9%, 95% 0, 100% 100%, 3% 96%); }
.lyg-section-menu.has-irregular-background.shape-variant-1 .lyg-section-menu__group::before { clip-path: polygon(2% 8%, 96% 1%, 100% 91%, 5% 100%); }
.lyg-section-menu.has-irregular-background.shape-variant-2 .lyg-section-menu__group::before { clip-path: polygon(0 3%, 98% 8%, 95% 100%, 4% 94%); }
.lyg-section-menu.has-irregular-background.shape-variant-3 .lyg-section-menu__group::before { clip-path: polygon(4% 0, 100% 5%, 97% 96%, 0 100%); }
.lyg-section-menu.has-irregular-background.shape-variant-4 .lyg-section-menu__group::before { clip-path: polygon(1% 9%, 95% 0, 100% 100%, 3% 96%); }

.lyg-section-menu.has-irregular-background .lyg-section-menu__group:hover::before {
    background: var(--lyg-section-menu-hover-bg);
}

.lyg-section-menu.has-irregular-background .lyg-section-menu__group.is-current-branch::before {
    background: var(--lyg-section-menu-active-bg);
}

.lyg-section-menu.has-irregular-background.has-shape-shadow .lyg-section-menu__group::before {
    filter: drop-shadow(var(--lyg-section-shadow-x) var(--lyg-section-shadow-y) var(--lyg-section-shadow-blur) var(--lyg-section-shadow-color));
}

/* Vana lingipõhine kuju lülitatakse desktopis välja – kuju kuulub nüüd kogu grupile. */
.lyg-section-menu.has-irregular-background .lyg-section-menu__desktop .lyg-section-menu__link::before {
    content: none !important;
}

.lyg-section-menu.has-irregular-background .lyg-section-menu__desktop .lyg-section-menu__link,
.lyg-section-menu.has-irregular-background .lyg-section-menu__desktop .lyg-section-menu__sub-link {
    background: transparent !important;
}

.lyg-section-menu__mobile-group + .lyg-section-menu__mobile-group {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid color-mix(in srgb, currentColor 12%, transparent);
}

.lyg-section-menu__mobile-suboption {
    padding-left: calc(12px + var(--lyg-section-sub-indent));
    opacity: .82;
}

.lyg-section-menu__mobile-suboption::before {
    content: "↳";
    display: inline-block;
    margin-right: 7px;
    opacity: .5;
}

@media (prefers-reduced-motion: reduce) {
    .lyg-section-menu__sub-link { transition: none !important; }
}


/* v1.9.4 – Sisumenüü värvide ja hover-olekute prioriteedid. */
.lyg-section-menu .lyg-section-menu__link,
.lyg-section-menu .lyg-section-menu__sub-link,
.lyg-section-menu .lyg-section-menu__mobile-trigger,
.lyg-section-menu .lyg-section-menu__mobile-option {
    color: var(--lyg-section-menu-text) !important;
}

.lyg-section-menu .lyg-section-menu__link:hover,
.lyg-section-menu .lyg-section-menu__link:focus-visible,
.lyg-section-menu .lyg-section-menu__sub-link:hover,
.lyg-section-menu .lyg-section-menu__sub-link:focus-visible,
.lyg-section-menu .lyg-section-menu__mobile-option:hover,
.lyg-section-menu .lyg-section-menu__mobile-option:focus-visible {
    color: var(--lyg-section-menu-hover) !important;
}

.lyg-section-menu .lyg-section-menu__link.is-active,
.lyg-section-menu .lyg-section-menu__sub-link.is-active,
.lyg-section-menu .lyg-section-menu__mobile-option.is-active {
    color: var(--lyg-section-menu-active) !important;
}

/* Hover peab aktiivsel lingil samuti nähtav olema. */
.lyg-section-menu .lyg-section-menu__link.is-active:hover,
.lyg-section-menu .lyg-section-menu__link.is-active:focus-visible,
.lyg-section-menu .lyg-section-menu__sub-link.is-active:hover,
.lyg-section-menu .lyg-section-menu__sub-link.is-active:focus-visible,
.lyg-section-menu .lyg-section-menu__mobile-option.is-active:hover,
.lyg-section-menu .lyg-section-menu__mobile-option.is-active:focus-visible {
    color: var(--lyg-section-menu-hover) !important;
}

/* Tavalise tausta puhul: aktiivne olek, aga hover võidab aktiivse üle. */
.lyg-section-menu:not(.has-irregular-background) .lyg-section-menu__link.is-active,
.lyg-section-menu .lyg-section-menu__mobile-option.is-active {
    background-color: var(--lyg-section-menu-active-bg) !important;
}

.lyg-section-menu:not(.has-irregular-background) .lyg-section-menu__link:hover,
.lyg-section-menu:not(.has-irregular-background) .lyg-section-menu__link:focus-visible,
.lyg-section-menu:not(.has-irregular-background) .lyg-section-menu__link.is-active:hover,
.lyg-section-menu:not(.has-irregular-background) .lyg-section-menu__link.is-active:focus-visible,
.lyg-section-menu .lyg-section-menu__mobile-option:hover,
.lyg-section-menu .lyg-section-menu__mobile-option:focus-visible,
.lyg-section-menu .lyg-section-menu__mobile-option.is-active:hover,
.lyg-section-menu .lyg-section-menu__mobile-option.is-active:focus-visible {
    background-color: var(--lyg-section-menu-hover-bg) !important;
}

/* Erikujulise tausta puhul kuulub taust kogu 2./3. taseme grupile.
   Aktiivne haru saab aktiivse värvi, kuid hover on alati kõige kõrgema prioriteediga. */
.lyg-section-menu.has-irregular-background .lyg-section-menu__group.is-current-branch::before {
    background-color: var(--lyg-section-menu-active-bg);
}

.lyg-section-menu.has-irregular-background .lyg-section-menu__group:hover::before,
.lyg-section-menu.has-irregular-background .lyg-section-menu__group.is-current-branch:hover::before,
.lyg-section-menu.has-irregular-background .lyg-section-menu__group:focus-within::before {
    background-color: var(--lyg-section-menu-hover-bg);
}

/* Mobiili triggeri värv ja taust ei tohi pärida teema button/a:hover reegleid. */
.lyg-section-menu .lyg-section-menu__mobile-trigger {
    background-color: var(--lyg-section-mobile-bg) !important;
}

.lyg-section-menu.has-irregular-background .lyg-section-menu__mobile-trigger {
    background-color: transparent !important;
}

.lyg-section-menu.has-irregular-background .lyg-section-menu__mobile-trigger::before {
    background-color: var(--lyg-section-mobile-bg);
}


/* v1.9.5 – mobiili tekstistiilid ja värvid on desktopist sõltumatud. */
.lyg-section-menu .lyg-section-menu__mobile-trigger,
.lyg-section-menu .lyg-section-menu__mobile-option {
    color: var(--lyg-section-mobile-text) !important;
}

.lyg-section-menu .lyg-section-menu__mobile-option:hover,
.lyg-section-menu .lyg-section-menu__mobile-option:focus-visible,
.lyg-section-menu .lyg-section-menu__mobile-option.is-active:hover,
.lyg-section-menu .lyg-section-menu__mobile-option.is-active:focus-visible {
    color: var(--lyg-section-mobile-hover) !important;
}

.lyg-section-menu .lyg-section-menu__mobile-option.is-active {
    color: var(--lyg-section-mobile-active) !important;
}