/* Mobilmenu fra Figma, frame 5:10. WordPress styrer fortsat åbning og fokus. */
@media (max-width: 599px) {
  /* Fjern listemarkøren direkte; ::marker alene skjuler den ikke i alle browsere. */
  header .wp-block-polylang-language-switcher,
  header .wp-block-polylang-language-switcher > li {
    list-style: none;
  }

  /* Eget familienavn holder den supplerede Regular-vægt afgrænset til menuen. */
  @font-face {
    font-family: "DPS Mobile Quicksand";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/quicksand/quicksand-400-normal.ttf") format("truetype");
  }

  @font-face {
    font-family: "DPS Mobile Quicksand";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/quicksand/quicksand-700-normal.woff2") format("woff2");
  }

  header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open {
    /* Parent theme bruger denne variabel i sin eksisterende row-gap-regel. */
    --wp--preset--spacing--50: 0px;
    --navigation-layout-justification-setting: flex-start;
    padding: 18px;
  }

  header .wp-block-navigation .is-menu-open .wp-block-navigation__responsive-close {
    width: 100%;
    max-width: none;
  }

  header .wp-block-navigation .is-menu-open .wp-block-navigation__responsive-container-content {
    align-items: stretch;
    gap: 0;
    padding-top: 60px;
  }

  header .wp-block-navigation .is-menu-open .wp-block-navigation__container {
    box-sizing: border-box;
    width: 100%;
    align-items: stretch;
    border-top: 1px solid var(--wp--preset--color--black, #000);
  }

  header .wp-block-navigation .is-menu-open .wp-block-navigation-item {
    box-sizing: border-box;
    width: 100%;
    align-items: stretch;
  }

  header .wp-block-navigation .is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
    box-sizing: border-box;
    display: flex;
    width: 100%;
    padding: 16px 8px;
    border: 0;
    background-color: transparent;
    background-image: none;
    font-family: "DPS Mobile Quicksand", var(--wp--preset--font-family--heading-font);
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    text-decoration: none;
  }

  header .wp-block-navigation .is-menu-open .wp-block-navigation__container > .wp-block-navigation-item:not(.has-child):not(.highlight),
  header .wp-block-navigation .is-menu-open .wp-block-navigation__submenu-container > .wp-block-navigation-item {
    border-bottom: 1px solid var(--wp--preset--color--black, #000);
  }

  header .wp-block-navigation .is-menu-open .wp-block-navigation__responsive-container-content .has-child > .wp-block-navigation-item__content {
    padding-bottom: 8px;
  }

  header .wp-block-navigation .is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
    box-shadow: none;
  }

  header .wp-block-navigation .is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    padding: 9px 18px;
    font-size: 14.4px;
    line-height: 21.6px;
  }

  header .wp-block-navigation .is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content,
  header .wp-block-navigation .is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content:is(:hover, :focus-visible) {
    background-color: var(--wp--preset--color--lightblue-100);
    background-image: none;
    font-weight: 700;
  }

  header .wp-block-navigation .is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content:focus-visible {
    outline: 2px solid var(--wp--preset--color--darkblue-800);
    outline-offset: -2px;
  }

  header .wp-block-navigation .is-menu-open .wp-block-navigation-item.highlight {
    padding: 18px 8px 12px;
    border: 0;
  }

  header .wp-block-navigation .is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item.highlight > .wp-block-navigation-item__content {
    width: fit-content;
    max-width: 100%;
    align-self: flex-start;
    padding: 10px 16px;
    border: 1px solid var(--wp--preset--color--darkblue-800);
    border-radius: 3px;
    background-color: transparent;
    background-image: none;
    font-weight: 400;
  }

  header .wp-block-navigation .is-menu-open .wp-block-navigation__responsive-container-content .highlight .wp-block-navigation-item__label {
    color: var(--wp--preset--color--darkblue-800);
  }

  /* Cookieknappen vises igen, når WordPress lukker menuen. */
  html.has-modal-open .osano-cm-widget {
    visibility: hidden;
  }
}