/* Shared by the city and Danish portals; isolated from Nöje's navigation. */
.site-cityportal .cityportal-mobile-menu > .cityportal-mobile-panel {
    position: fixed; inset: 0 0 0 auto; z-index: 1100; display: flex; flex-direction: column;
    width: min(440px, 100%); height: 100dvh; max-height: none; box-sizing: border-box;
    padding: 0; gap: 0; border: 0; border-radius: 0; overflow: hidden;
    background: #fff; color: #20242c; box-shadow: -12px 0 50px #0003;
}
.site-cityportal .cityportal-mobile-menu::before { content: none; }
.site-cityportal .cityportal-mobile-menu[open]::before { content: ''; position: fixed; inset: 0; z-index: 1099; background: #0b1019a6; }
.site-cityportal .noje-header:has(.cityportal-mobile-menu[open]) { z-index: 10000; overflow: visible; }
html:has(.site-cityportal .cityportal-mobile-menu[open]),
.site-cityportal:has(.cityportal-mobile-menu[open]) { overflow: hidden; overscroll-behavior: none; }
.site-cityportal .cityportal-mobile-panel__header { display: flex; flex: 0 0 auto; align-items: center; justify-content: space-between; gap: 16px; padding: max(22px, env(safe-area-inset-top)) 24px 20px; border-bottom: 1px solid #e5e7eb; }
.site-cityportal .cityportal-mobile-panel__logo { display: flex; align-items: center; min-height: 26px; margin-bottom: 5px; }
.site-cityportal .cityportal-mobile-panel__logo img { display: block; width: auto; height: auto; max-width: 190px; max-height: 30px; object-fit: contain; }
.site-cityportal .cityportal-mobile-panel__header h2 { margin: 3px 0 0; color: #171b23; font-size: 22px; font-weight: 500; line-height: 1.15; }
.site-cityportal .cityportal-mobile-panel__header button { display: none; flex-shrink: 0; align-items: center; justify-content: center; width: 48px; height: 48px; padding: 0; border: 0; border-radius: 50%; background: #20242c; color: #fff; font: 400 34px/1 system-ui; cursor: pointer; }
.site-cityportal .cityportal-mobile-menu.is-enhanced .cityportal-mobile-panel__header button { display: flex; }
.site-cityportal .cityportal-mobile-panel__scroll { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; padding: 8px 24px max(28px, env(safe-area-inset-bottom)); }
.site-cityportal .cityportal-mobile-panel__links { display: grid; }
.site-cityportal .cityportal-mobile-menu .cityportal-mobile-panel a { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 54px; box-sizing: border-box; padding: 13px 0; border: 0; border-bottom: 1px solid #e9eaee; color: #20242c; font-size: 18px; font-weight: 650; line-height: 1.4; text-transform: none; white-space: normal; text-decoration: none; }
.site-cityportal .cityportal-mobile-menu .cityportal-mobile-panel a svg { flex: 0 0 auto; width: 19px; height: 19px; color: #8c929e; }
.site-cityportal .cityportal-mobile-menu .cityportal-mobile-panel a:hover,
.site-cityportal .cityportal-mobile-menu .cityportal-mobile-panel a:focus-visible,
.site-cityportal .cityportal-mobile-menu .cityportal-mobile-panel a[aria-current] { color: var(--brand-primary); background: #fff5f0; }
.site-cityportal .cityportal-mobile-food { border-bottom: 1px solid #e9eaee; }
.site-cityportal .cityportal-mobile-food > summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 54px; box-sizing: border-box; padding: 13px 0; color: #20242c; font-size: 18px; font-weight: 650; line-height: 1.4; list-style: none; cursor: pointer; }
.site-cityportal .cityportal-mobile-food > summary::-webkit-details-marker { display: none; }
.site-cityportal .cityportal-mobile-food > summary svg { flex: 0 0 auto; width: 19px; height: 19px; color: #8c929e; }
.site-cityportal .cityportal-mobile-food[open] > summary svg { transform: rotate(180deg); }
.site-cityportal .cityportal-mobile-food > summary:hover { color: var(--brand-primary); }
.site-cityportal .cityportal-mobile-food__links { margin: 0 0 12px 8px; padding-left: 16px; border-left: 2px solid #e9eaee; }
.site-cityportal .cityportal-mobile-menu .cityportal-mobile-food__links a { min-height: 50px; font-size: 16px; font-weight: 550; }
.site-cityportal .cityportal-mobile-menu .cityportal-mobile-food__links a:last-child { border-bottom: 0; }
.site-cityportal .cityportal-mobile-panel__tools { display: grid; gap: 4px; margin-top: 24px; }
.site-cityportal .cityportal-mobile-menu .cityportal-mobile-panel__tools > a { justify-content: flex-start; min-height: 48px; border: 0; color: #555e6d; font-size: 15px; }
.site-cityportal .cityportal-mobile-panel .cityportal-language-flags { position: static; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.site-cityportal .cityportal-mobile-panel .cityportal-language-flags a { justify-content: center; min-width: 52px; min-height: 44px; height: auto; padding: 10px 14px; border: 1px solid #d3d8e0; font-size: 13px; }
.site-cityportal .cityportal-mobile-menu__fallback-close { display: none; }
.site-cityportal .cityportal-mobile-menu:not(.is-enhanced)[open] > summary { position: fixed; top: 24px; right: 24px; z-index: 1101; background: #20242c; color: #fff; }
.site-cityportal .cityportal-mobile-menu:not(.is-enhanced)[open] > summary > svg { display: none; }
.site-cityportal .cityportal-mobile-menu:not(.is-enhanced)[open] .cityportal-mobile-menu__fallback-close { display: inline; font: 34px/1 system-ui; }
@media (max-width: 600px) {
    .site-cityportal .cityportal-mobile-menu > .cityportal-mobile-panel { width: 100%; }
}