/* =========================================================
   MitroCZECH – FIX desktopového mega menu
   Musí být načtený až PO mc-header i mc-global.
   ========================================================= */

:root {
  /* Posun celého černého menu nahoru */
  --mc-main-menu-shift: 5px;

  /* Mezera POD černým menu – tím odsuneme obsah stránky dolů */
  --mc-space-below-menu: 15px;
}

@media (min-width: 992px) {
  body nav#navigation {
    margin-top: var(--mc-main-menu-shift) !important;
    margin-bottom: var(--mc-space-below-menu) !important;
    transform: none !important;

    position: relative !important;
    top: auto !important;
    z-index: 999900 !important;
  }

  body #navigation,
  body #navigation .navigation-wrapper,
  body #navigation .navigation-in,
  body #navigation .menu-level-1 {
    overflow: visible !important;
  }

  body #navigation .navigation-wrapper,
  body #navigation .navigation-in,
  body #navigation .menu-level-1 {
    position: relative !important;
    z-index: 999901 !important;
  }

  body #navigation .menu-level-1 > li {
    position: static !important;
  }

  body #navigation .menu-level-2 {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 100% !important;

    width: 100% !important;
    max-width: none !important;
    margin-top: 0 !important;
    transform: none !important;

    z-index: 999903 !important;
    pointer-events: auto !important;
  }

  body #navigation .menu-level-1 > li:hover > .menu-level-2,
  body #navigation .menu-level-1 > li:hover > ul.menu-level-2,
  body #navigation .menu-level-1 > li.mc-menu-open > .menu-level-2,
  body #navigation .menu-level-1 > li.mc-menu-open > ul.menu-level-2 {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  body #navigation .menu-level-2 {
    flex-wrap: wrap !important;
    align-items: stretch !important;
    gap: 0 !important;
  }

  body #navigation .menu-level-2 > li {
    width: 25% !important;
    max-width: 25% !important;
    flex: 0 0 25% !important;
  }

  body #navigation .menu-level-2::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -12px;
    height: 12px;
    background: transparent;
    pointer-events: auto;
  }
}