.wp-block-navigation__responsive-container-content {
  min-width: 247px !important;
}
.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
  white-space: inherit;
}
.wp-block-navigation-item__content {
  white-space: normal;
  word-break: break-word;
}
.wp-block-navigation__responsive-dialog,
.wp-block-navigation__responsive-container-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.wp-block-navigation__responsive-container-close {
  display: none;
}

@media (max-width: 991.98px) {
  .bs-navigation__item--open > ul {
    display: block !important;
  }

  .wp-block-navigation__responsive-container-close {
    display: block;
  }

  .bs-navigation__back {
    align-items: center;
    background: none;
    border: none;
    color: var(--wp--preset--color--primary-900);
    cursor: pointer;
    font-weight: 700;
    display: none;
    font-size: var(--wp--preset--font-size--lg);
    left: var(--wp--preset--spacing--50);
    line-height: var(--wp--custom--line-height--lg);
    padding: var(--wp--preset--spacing--30) 0;
    position: fixed;
    top: 4rem;
    z-index: 5;
    .admin-bar & {
      top: calc(4rem + 46px);
    }
    & > svg {
      margin-right: 0.5em;
    }
  }

  .bs-navigation__item--open .bs-navigation__back {
    display: flex;
  }

  .wp-block-navigation__responsive-container.is-menu-open,
  .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item
    .wp-block-navigation__submenu-container {
    background: var(--wp--preset--color--white) !important;
    border-top: none;
    padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--50) !important;
    top: 3.5rem !important;
    .admin-bar & {
      top: calc(4rem + 46px) !important;
    }
  }

  .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__submenu-container
    .wp-block-navigation-item:first-child {
    margin-top: calc(
      var(--wp--preset--spacing--50) + var(--wp--preset--spacing--30)
    );
  }

  .wp-block-navigation__responsive-container.is-menu-open {
    & .wp-block-navigation {
      display: block !important;
      width: 100%;
    }
    & .wp-block-navigation__submenu-container {
      display: none;
      /* width: 100% !important; */
      position: fixed !important;
      inset: 0 !important;
    }

    & .wp-block-navigation-item {
      align-items: center !important;
      flex-direction: row !important;
      justify-content: space-between;
      padding-block: var(--wp--preset--spacing--30) !important;
      width: 100%;
      & > .wp-block-navigation-item__label {
        color: var(--wp--preset--color--neutral-500);
        font-size: var(--wp--preset--font-size--md);
        font-weight: 600;
        line-height: 1.71428571;
        text-transform: uppercase;
        width: 100%;
      }
    }

    & .wp-block-navigation-item + .wp-block-navigation-item {
      border-top: 1px solid var(--wp--preset--color--neutral-300);
    }

    & .wp-block-navigation-item:first-child {
      padding-top: 0 !important;
    }
    & .wp-block-navigation-item:last-child {
      padding-bottom: 0 !important;
    }
  }
}

@media (min-width: 992px) {
  html.has-modal-open {
    overflow: initial;
  }
  .bs-navigation__back {
    display: none;
  }
  .wp-block-navigation__responsive-container-open.always-shown {
    align-items: center;
    background: var(--wp--preset--color--azul-oceanico-800);
    border-radius: 0.5em;
    color: #fff;
    display: flex;
    font-size: var(--wp--preset--font-size--lg);
    line-height: var(--wp--custom--line-height--lg);
    padding: 0.75em 1.5em !important;
    & > svg {
      display: none;
    }
    &::before {
      content: attr(aria-label);
      font-weight: 700;
    }
    &::after {
      background: var(--wp--preset--color--primary-200);
      mask-image: url('data:image/svg+xml,<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.0005 14.25C9.81299 14.25 9.65674 14.1875 9.50049 14.0625L2.31299 7C2.03174 6.71875 2.03174 6.28125 2.31299 6C2.59424 5.71875 3.03174 5.71875 3.31299 6L10.0005 12.5312L16.688 5.9375C16.9692 5.65625 17.4067 5.65625 17.688 5.9375C17.9692 6.21875 17.9692 6.65625 17.688 6.9375L10.5005 14C10.3442 14.1562 10.188 14.25 10.0005 14.25Z" fill="white"/></svg>');
      content: "";
      display: block;
      height: 1.25rem;
      margin-left: 0.5em;
      width: 1.25rem;
    }
  }

  .wp-block-navigation__responsive-container.is-menu-open {
    border: 1px solid var(--wp--preset--color--neutral-300);
    border-radius: var(--wp--preset--spacing--10);
    background: var(--wp--preset--color--white);
    bottom: initial;
    overflow: initial !important;
    padding: 0 !important;
    position: absolute;
    right: initial;
    top: calc(100% + var(--wp--preset--spacing--20));
    white-space: nowrap;
    & .wp-block-navigation {
      display: block !important;
    }
    & .wp-block-navigation-item {
      align-items: center !important;
      flex-direction: row !important;
      justify-content: space-between;
      padding-block: var(--wp--preset--spacing--30);
      padding-inline: var(--wp--preset--spacing--50);
      &::before {
        background: var(--wp--preset--color--neutral-300);
        content: "";
        display: block;
        height: 1px;
        position: absolute;
        inset: var(--wp--preset--spacing--50);
        top: 0;
      }
      &:first-child::before {
        display: none;
      }
      & > .wp-block-navigation-item__label {
        color: var(--wp--preset--color--neutral-500);
        font-size: var(--wp--preset--font-size--md);
        font-weight: 600;
        line-height: 1.71428571;
        text-transform: uppercase;
        width: 100%;
      }
    }
    & .wp-block-navigation-item .wp-block-navigation__submenu-container {
      background: var(--wp--preset--color--white) !important;
      border: 1px solid var(--wp--preset--color--neutral-300) !important;
      border-radius: var(--wp--preset--spacing--10);
      display: none;
      left: 100% !important;
      padding-block: var(--wp--preset--spacing--30) !important;
      padding-inline: var(--wp--preset--spacing--50) !important;
      position: absolute !important;
      top: 0;
      & .wp-block-navigation-item {
        border: none;
        margin-top: var(--wp--preset--spacing--30);
        margin-inline: 0;
        padding: 0;
        &::before {
          display: none;
        }
        &:first-child {
          margin-top: 0;
        }
      }
    }
    & .wp-block-navigation-item.has-child::after {
      background: var(--wp--preset--color--neutral-500);
      mask-image: url('data:image/svg+xml,<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.1752 14.3254C5.0252 14.3254 4.9002 14.2754 4.7752 14.1754C4.5502 13.9504 4.5502 13.6004 4.7752 13.3754L10.0252 8.00039L4.7752 2.65039C4.5502 2.42539 4.5502 2.07539 4.7752 1.85039C5.0002 1.62539 5.35019 1.62539 5.57519 1.85039L11.2252 7.60039C11.4502 7.82539 11.4502 8.17539 11.2252 8.40039L5.57519 14.1504C5.47519 14.2504 5.3252 14.3254 5.1752 14.3254Z" fill="black"/></svg>');
      content: "";
      display: block;
      height: 1rem;
      width: 1rem;
    }
    & .wp-block-navigation-item.has-child:hover,
    & .wp-block-navigation-item.has-child:focus {
      & .wp-block-navigation__submenu-container {
        display: block;
      }
    }
  }
}