/* The Gutenberg Navigation block remains the source of all menu labels and links. */
@media (min-width: 701px) {
  .p-header,
  .p-header-inner,
  .p-nav,
  .p-nav .wp-block-navigation,
  .p-nav .wp-block-navigation__container {
    overflow: visible;
  }

  .p-nav .wp-block-navigation-item.has-child {
    position: relative;
  }

  .p-nav .wp-block-navigation-item.has-child > .wp-block-navigation-item__content,
  .p-nav .wp-block-navigation-item.has-child > .wp-block-navigation-submenu__toggle {
    transition: color .22s ease;
  }

  .p-nav .wp-block-navigation-item.has-child:is(:hover, :focus-within) > .wp-block-navigation-item__content,
  .p-nav .wp-block-navigation-item.has-child:has(> .wp-block-navigation-submenu__toggle[aria-expanded="true"]) > .wp-block-navigation-item__content {
    color: var(--p-blue, #1877ff);
  }

  .p-nav .wp-block-navigation-submenu__toggle {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 26px;
    height: 26px;
    margin-inline-start: 3px;
    padding: 0;
    border-radius: 7px;
  }

  .p-nav .wp-block-navigation-submenu__toggle svg {
    display: block;
    width: 12px;
    height: 12px;
    transition: transform .28s cubic-bezier(.2, .8, .2, 1);
  }

  .p-nav .wp-block-navigation-item.has-child:is(:hover, :focus-within) > .wp-block-navigation-submenu__toggle svg,
  .p-nav .wp-block-navigation-submenu__toggle[aria-expanded="true"] svg {
    transform: rotate(180deg);
  }

  .p-nav .wp-block-navigation-submenu__toggle:focus-visible,
  .p-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus-visible {
    outline: 2px solid var(--p-blue, #1877ff);
    outline-offset: 3px;
  }

  .p-nav .wp-block-navigation__submenu-container.wp-block-navigation-submenu {
    box-sizing: border-box;
    display: flex !important;
    flex-direction: column;
    gap: 3px;
    width: 296px !important;
    min-width: 296px !important;
    padding: 12px !important;
    margin: 0;
    left: auto;
    right: 0;
    top: calc(100% + 16px);
    border: 1px solid #e5ecf8;
    border-radius: 17px;
    background: linear-gradient(165deg, #ffffff 68%, #f7faff 100%);
    box-shadow: 0 22px 52px rgba(25, 55, 109, .13), 0 5px 14px rgba(25, 55, 109, .06);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-9px) scale(.97);
    transform-origin: top right;
    transition: opacity .24s ease, transform .3s cubic-bezier(.2, .8, .2, 1), visibility .3s;
    z-index: 30;
  }

  /* Bridges the space between the trigger and the floating panel on hover. */
  .p-nav .wp-block-navigation__submenu-container.wp-block-navigation-submenu::before {
    content: "";
    position: absolute;
    inset-inline: 0;
    bottom: 100%;
    height: 17px;
  }

  .p-nav .wp-block-navigation-item.has-child:is(:hover, :focus-within) > .wp-block-navigation__submenu-container,
  .p-nav .wp-block-navigation-item.has-child:has(> .wp-block-navigation-submenu__toggle[aria-expanded="true"]) > .wp-block-navigation__submenu-container {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0) scale(1);
  }

  .p-nav .wp-block-navigation__submenu-container .wp-block-navigation-item {
    width: 100%;
    min-width: 0;
    margin: 0;
  }

  .p-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 43px;
    padding: 10px 14px !important;
    border: 1px solid transparent;
    border-radius: 10px;
    background: transparent;
    color: #34425e !important;
    font-family: Vazirmatn, Tahoma, sans-serif;
    font-size: 14px !important;
    font-weight: 650;
    line-height: 1.7;
    text-align: right;
    white-space: normal;
    transition: color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s ease;
  }

  .p-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content::after {
    content: "";
    width: 6px;
    height: 6px;
    flex: none;
    margin-inline-start: 12px;
    border-top: 1.5px solid currentColor;
    border-left: 1.5px solid currentColor;
    transform: rotate(-45deg);
    opacity: .45;
    transition: opacity .2s ease, transform .2s ease;
  }

  .p-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content:is(:hover, :focus-visible) {
    border-color: #e4efff;
    background: #f1f7ff;
    color: var(--p-blue, #1877ff) !important;
    transform: translateX(-2px);
  }

  .p-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content:is(:hover, :focus-visible)::after {
    opacity: 1;
    transform: translateX(-3px) rotate(-45deg);
  }

  .p-nav .wp-block-navigation__submenu-container .wp-block-navigation-item:first-child .wp-block-navigation-item__content {
    background: #f5f9ff;
    color: #176fe0 !important;
    font-weight: 750;
  }
}

@media (prefers-reduced-motion: reduce) {
  .p-nav .wp-block-navigation__submenu-container.wp-block-navigation-submenu,
  .p-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content,
  .p-nav .wp-block-navigation-submenu__toggle svg {
    transition-duration: .01ms !important;
  }
}