/* Compact navigation. Scoped color overrides beat WordPress's default overlay. */
.fb-menu-brand { display: none; }
.fb-menu-control-label { font: 600 13px/1 Manrope, Arial, sans-serif; }
@media (max-width: 1100px) {
  .fb-header-inner { gap: 12px !important; }
  .fb-header-inner .fb-brand { min-width: 0; }
  .fb-header-inner .fb-brand .custom-logo { max-width: min(180px, 50vw); max-height: 48px; }
  nav.fb-navigation .wp-block-navigation__responsive-container-open {
    display: flex !important; align-items: center; justify-content: center; gap: 8px;
    min-width: 48px; min-height: 48px; padding: 10px 12px;
    background: transparent; color: #fff; border: 1px solid #6c8798; border-radius: 6px;
  }
  nav.fb-navigation .wp-block-navigation__responsive-container-open::after { content: 'Meny'; font: 600 13px/1 Manrope, Arial, sans-serif; }
  nav.fb-navigation .fb-menu-control-ready::after { content: none; }
  nav.fb-navigation .wp-block-navigation__responsive-container-open svg { display: block; width: 22px; height: 22px; fill: currentColor; flex: 0 0 auto; }
  nav.fb-navigation .wp-block-navigation__responsive-container.is-menu-open {
    position: fixed; inset: 0; z-index: 100000; display: flex !important;
    box-sizing: border-box; height: 100vh; height: 100dvh;
    overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch;
    padding: max(16px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));
    background: #092f46 !important; color: #fff !important;
  }
  .admin-bar nav.fb-navigation .wp-block-navigation__responsive-container.is-menu-open {
    top: var(--wp-admin--admin-bar--height, 32px);
    height: calc(100vh - var(--wp-admin--admin-bar--height, 32px));
    height: calc(100dvh - var(--wp-admin--admin-bar--height, 32px));
  }
  nav.fb-navigation .is-menu-open .wp-block-navigation__responsive-close { width: 100%; max-width: 560px; margin: 0 auto; }
  nav.fb-navigation .is-menu-open .wp-block-navigation__responsive-dialog {
    position: relative; width: 100%; margin: 0; display: grid;
    grid-template-columns: minmax(0, 1fr) auto; column-gap: 12px; align-items: start;
  }
  nav.fb-navigation .is-menu-open .fb-menu-brand {
    display: flex; align-items: center; grid-column: 1; grid-row: 1;
    position: sticky; top: 0; z-index: 3; min-height: 48px; padding: 0; margin: 0;
    background: #092f46; box-shadow: 0 12px 0 #092f46; color: #fff;
  }
  .fb-menu-brand .fb-brand-text { font-size: clamp(20px, 5.8vw, 25px); line-height: 1.2; }
  .fb-menu-brand .fb-brand-text a { color: #fff; }
  .fb-menu-brand .custom-logo { max-width: 100%; max-height: 44px; width: auto; }
  nav.fb-navigation .is-menu-open .wp-block-navigation__responsive-container-close {
    grid-column: 2; grid-row: 1; position: sticky; top: 0; right: auto; z-index: 3;
    display: flex; align-items: center; justify-content: center; gap: 6px;
    min-width: 78px; min-height: 48px; padding: 10px; margin: 0;
    color: #fff !important; background: #092f46; border: 1px solid #6c8798; border-radius: 6px;
  }
  nav.fb-navigation .is-menu-open .wp-block-navigation__responsive-container-close::after { content: 'Lukk'; font: 600 13px/1 Manrope, Arial, sans-serif; }
  nav.fb-navigation .is-menu-open .wp-block-navigation__responsive-container-close.fb-menu-control-ready::after { content: none; }
  nav.fb-navigation .is-menu-open .wp-block-navigation__responsive-container-close svg { display: block; width: 20px; height: 20px; fill: currentColor; opacity: 1; flex: 0 0 auto; }
  nav.fb-navigation .is-menu-open .wp-block-navigation__responsive-container-content {
    grid-column: 1 / -1; width: 100%; align-items: stretch; padding: 0 !important; margin: 20px 0 0 !important;
  }
  nav.fb-navigation .is-menu-open .wp-block-navigation__container { display: flex; flex-direction: column; align-items: stretch; gap: 0 !important; width: 100%; }
  nav.fb-navigation .is-menu-open .wp-block-navigation-item {
    display: block; width: 100%; max-width: 100%; box-sizing: border-box;
    margin: 0; padding: 0; border-bottom: 1px solid #ffffff26; font: 500 19px/1.4 Manrope, Arial, sans-serif;
  }
  nav.fb-navigation .is-menu-open .wp-block-navigation-item__content {
    display: flex; align-items: center; width: 100%; min-height: 56px; box-sizing: border-box;
    padding: 13px 0; color: inherit; text-decoration: none; white-space: normal;
  }
  nav.fb-navigation .is-menu-open .wp-block-navigation-submenu__toggle {
    justify-content: space-between; gap: 16px; text-align: left; font: inherit; cursor: pointer;
  }
  nav.fb-navigation .is-menu-open .wp-block-navigation-submenu__toggle::after {
    content: ''; flex: 0 0 8px; width: 8px; height: 8px; margin-right: 4px;
    border-right: 2px solid #e6b960; border-bottom: 2px solid #e6b960; transform: rotate(45deg);
  }
  nav.fb-navigation .is-menu-open .wp-block-navigation-submenu__toggle[aria-expanded='true']::after { transform: rotate(225deg); }
  nav.fb-navigation .is-menu-open .wp-block-navigation__submenu-icon { display: none; }
  nav.fb-navigation .is-menu-open .wp-block-navigation__submenu-container {
    position: static; width: 100% !important; min-width: 0 !important; box-sizing: border-box;
    margin: 0 0 14px !important; padding: 0 0 0 14px !important;
    background: transparent; border: 0; border-left: 2px solid #e6b960; border-radius: 0; box-shadow: none;
  }
  nav.fb-navigation .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item { border: 0; font-size: 15px; }
  nav.fb-navigation .is-menu-open .wp-block-navigation__submenu-container a { min-height: 44px; padding: 10px 8px; white-space: normal; }
  nav.fb-navigation .is-menu-open .wp-block-navigation-submenu:not(.fb-submenu-open) > .wp-block-navigation__submenu-container { display: none; }
  nav.fb-navigation .is-menu-open .fb-submenu-open > .wp-block-navigation__submenu-container { display: flex; visibility: visible; opacity: 1; height: auto; overflow: visible; }
  nav.fb-navigation .is-menu-open .fb-nav-cta { border: 0; padding: 20px 0 0; margin: 0; }
  nav.fb-navigation .is-menu-open .fb-nav-cta a {
    min-height: 54px; justify-content: space-between; background: #e6b960; color: #092f46 !important;
    border: 0; border-radius: 6px; padding: 16px 20px !important; margin: 0; font: 600 17px/1.4 Manrope, Arial, sans-serif;
  }
  nav.fb-navigation .is-menu-open .fb-nav-cta .wp-block-navigation-item__label { display: flex; align-items: center; width: 100%; gap: 16px; margin: 0; padding: 0; line-height: 1.4; justify-content: space-between; color: #092f46 !important; }
  nav.fb-navigation .is-menu-open a:focus-visible, nav.fb-navigation .is-menu-open button:focus-visible { outline: 2px solid #e6b960; outline-offset: 3px; }
}
@media (max-width: 359px) {
  nav.fb-navigation .wp-block-navigation__responsive-container-open::after { content: none; }
  nav.fb-navigation .wp-block-navigation__responsive-container-open .fb-menu-control-label { display: none; }
}
