.wp-block-navigation ol.has-background,
.wp-block-navigation ul.has-background {
  padding: 0;
}

/* Header */
.wp-container-core-group-layout-1.wp-container-core-group-layout-1 {
  row-gap: 8px;
}

/* Submenu styling */
.wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__responsive-container-content
  .wp-block-navigation__submenu-icon {
  display: inline-block;
  margin-left: 5px;
}

.wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__submenu-icon
  svg {
  height: 0.8em;
  width: 0.8em;
}

@media screen and (width < 768px) {
  header img.custom-logo {
    height: 4rem;
    width: auto;
  }
}

@media screen and (width > 599px) {
  ul.wp-block-navigation__container > li [aria-current="page"] {
    border: none;
  }

  ul.wp-block-navigation__container
    > li:has([aria-current="page"])
    > .wp-block-navigation-item__content,
  ul.wp-block-navigation__container
    > li:hover
    > .wp-block-navigation-item__content {
    text-decoration: underline;
    text-underline-offset: var(--wp--custom--link--underline-offset);
    text-decoration-color: var(--wp--custom--link--underline-color);
    text-decoration-thickness: var(--wp--custom--link--underline-width);
  }

  ul.wp-block-navigation__container
    > li
    > a:where(:not(.wp-element-button)):hover {
    text-decoration: none;
  }

  .wp-block-navigation
    .has-child:not(.open-on-click):hover
    > .wp-block-navigation__submenu-container {
    --border-style: 1px solid var(--wp--preset--color--accent);
    --border-radius: 8px;
    border-radius: var(--border-radius);
    border: none;
    /* we don't use overflow:hidden on the parent submenu container because that would also hide any second-level submenus */
  }

  .wp-block-navigation
    .has-child:not(.open-on-click):hover
    > .wp-block-navigation__submenu-container
    > li {
    border: none;
    border-left: var(--border-style);
    border-right: var(--border-style);
  }

  .wp-block-navigation
    .has-child:not(.open-on-click):hover
    > .wp-block-navigation__submenu-container
    > li:first-child {
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    border-top: var(--border-style);
  }

  .wp-block-navigation
    .has-child:not(.open-on-click):hover
    > .wp-block-navigation__submenu-container
    > li:last-child {
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
    border-bottom: var(--border-style);
  }

  /* [start] second level submenus */
  .wp-block-navigation
    .has-child:not(.open-on-click):hover
    > .wp-block-navigation__submenu-container
    > li.has-child:hover {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .wp-block-navigation
    .has-child:not(.open-on-click):hover
    > .wp-block-navigation__submenu-container
    > li
    ul
    li {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }

  /* [end] secondary level submenus
	 */
  .wp-block-navigation
    .has-child:not(.open-on-click):hover
    > .wp-block-navigation__submenu-container
    a {
    text-decoration: none;
    line-height: 1;
    padding-block: 12px;
  }

  .wp-block-navigation
    .has-child:not(.open-on-click):hover
    > .wp-block-navigation__submenu-container
    li:hover,
  .wp-block-navigation__submenu-container li:has([aria-current="page"]) {
    background-color: var(--wp--preset--color--background);
  }
}