/*
 * Elementor normally injects submenu icons after its SmartMenus JavaScript
 * initializes. The stable icon is server-rendered instead, so it exists at
 * first paint and never depends on an icon font or a JavaScript handoff.
 */
.elementor-location-header .elementor-nav-menu .ske-menu-chevron {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 0.65em;
    height: 0.65em;
    margin-inline-start: 0.7em;
    flex: 0 0 0.65em;
    color: currentColor;
    transform-origin: center;
    transition: transform 160ms ease;
}

.elementor-location-header .elementor-nav-menu .ske-menu-chevron svg {
    display: block !important;
    width: 100%;
    height: 100%;
    overflow: visible;
    fill: none !important;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.elementor-location-header .elementor-nav-menu a[aria-expanded="true"] .ske-menu-chevron,
.elementor-location-header .elementor-nav-menu a.highlighted .ske-menu-chevron {
    transform: rotate(180deg);
}

/* SmartMenus still owns dropdown behavior; its late visual icon is redundant. */
.elementor-location-header .elementor-nav-menu a.has-submenu > .sub-arrow {
    display: none !important;
}

/*
 * Elementor keeps the filled hover state while a clicked link retains focus.
 * Keep that intended fill and turn the CSS background-image icons white too.
 */
body.home :where(
    .sk-button-el,
    .sk-button-gas,
    .sk-button-timepris,
    .sk-button-flyt,
    .sk-button-forening
) a:focus:not(:hover) {
    background-color: #2b4197 !important;
    border-color: #2b4197 !important;
    color: #fff !important;
    fill: #fff !important;
}

body.home :where(
    .sk-button-el,
    .sk-button-gas,
    .sk-button-timepris,
    .sk-button-flyt,
    .sk-button-forening
) a:focus:not(:hover)::before,
body.home :where(
    .sk-button-el,
    .sk-button-gas,
    .sk-button-timepris,
    .sk-button-flyt,
    .sk-button-forening
) a:focus:not(:hover)::after {
    filter: brightness(0) invert(1);
}

body.home :where(
    .sk-button-el,
    .sk-button-gas,
    .sk-button-timepris,
    .sk-button-flyt,
    .sk-button-forening
) a:focus-visible {
    outline: 2px solid #2b4197;
    outline-offset: 3px;
}

body.home :where(
    .sk-button-el,
    .sk-button-gas,
    .sk-button-timepris,
    .sk-button-flyt,
    .sk-button-forening
) a::before,
body.home :where(
    .sk-button-el,
    .sk-button-gas,
    .sk-button-timepris,
    .sk-button-flyt,
    .sk-button-forening
) a::after {
    flex: 0 0 auto;
    background-position: center;
}