/* Mega Menu */
.wp-block-navigation-mega-menu { display: flex; }
.wp-block-mega-menu-container { opacity: 0; visibility: hidden; height: 0; transition: opacity .1s linear; }
.wp-block-navigation-mega-menu a[aria-expanded="true"] ~ .wp-block-mega-menu-container,
.wp-block-navigation-mega-menu button[aria-expanded="true"] ~ .wp-block-mega-menu-container { opacity: 1; visibility: visible; height: auto; overflow: visible; }

.wp-block-navigation-mega-menu .menu-container__close-button { align-items: center; -webkit-backdrop-filter: blur(16px) saturate(180%); backdrop-filter: blur(16px) saturate(180%); background-color: #ffffffba; border: none; border-radius: 999px; cursor: pointer; display: flex; justify-content: center; opacity: 0; padding: 4px; position: absolute; right: 12px; text-align: center; top: 12px; transition: opacity .2s ease; z-index: 50; }
.wp-block-navigation-mega-menu .menu-container__close-button:focus { opacity: 1; }
.wp-block-navigation-mega-menu .wp-block-mega-menu-container:hover .menu-container__close-button { opacity: 1; }

@media (min-width: 1024px) {

  .wp-block-navigation-mega-menu button { background-color: initial; border: none; color: currentColor; cursor: pointer; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; padding: 0; text-transform: inherit; }

  .wp-block-mega-menu-container { position: absolute; top: 100%; max-height: 75vh; overflow-x: hidden; overflow-y: auto; overflow: hidden; scroll-behavior: smooth; scroll-snap-type: y mandatory; z-index: 59; }

  .wp-block-mega-menu-container.menu-justified-center.menu-width-content,
  .wp-block-mega-menu-container.menu-justified-center.menu-width-wide { right: unset; }

  .wp-block-mega-menu-container.menu-justified-center.menu-width-content { left: calc( ( -1 * var(--wp--style--global--content-size) / 2 ) + 50% ); }
  .wp-block-mega-menu-container.menu-justified-center.menu-width-wide { left: calc( ( -1 * var(--wp--style--global--wide-size) / 2 ) + 50% ); }

  .wp-block-mega-menu-container.menu-justified-left { left: -1px; right: unset }
  .wp-block-mega-menu-container.menu-justified-right { left: unset; right: -1px; }

  .wp-block-mega-menu-container.menu-width-content { width: 600px; }
  .wp-block-mega-menu-container.menu-width-wide { max-width: var(--wp--style--global--wide-size); width: var(--wp--style--global--wide-size); }
  .wp-block-mega-menu-container.menu-width-full { width: 100vw !important; max-width: 100vw !important; }
}