/* MenuCanvas (Base / Dry)
 * Cel: minimalny CSS potrzebny do działania (klasy, podmenu, reset efektów motywu),
 * bez narzucania wyglądu (typografii/kolorów/paddingów itd.).
 */

.mc-menu-container,
ul.mc-menu {
  --mc-link-color: currentColor;
  --mc-link-hover-color: currentColor;

  --mc-bg: transparent;
  --mc-submenu-bg: transparent;
  --mc-border: transparent;

  --mc-font-family: inherit;
  --mc-gap: 12px;
  /* Globalna grubość elementów liniowych (podkreślenia, ramki, obrysy w presetach) */
  --mc-line-thickness: 3px;
  /* Globalna skala rozmiaru przycisków (padding/width/height) używana przez presety */
  --mc-button-scale: 1;
}

.mc-menu-container ul.mc-menu,
ul.mc-menu.mc-menu {
  list-style: none;
  margin: 0;
  padding: 0;  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--mc-gap);
}

/* Linki dziedziczą typografię z motywu, ale kolor bierzemy z zmiennej (można ustawić w Customizerze)
   WAŻNE: nie kolorujemy Social Links (blok) – ich ikonki używają currentColor.
   Dlatego wykluczamy kotwice .wp-block-social-link-anchor nawet jeśli trafią do zakresu mc-menu. */
.mc-menu-container ul.mc-menu:not(.wp-block-social-links) a:not(.wp-block-social-link-anchor),
ul.mc-menu.mc-menu:not(.wp-block-social-links) a:not(.wp-block-social-link-anchor) {
  color: var(--mc-link-color);
  transition: color 250ms ease;
  font-family: inherit;
background: transparent;
  text-decoration: inherit;
}

/* Hover/Focus kolor z zmiennej (Customizer) */
.mc-menu-container ul.mc-menu:not(.wp-block-social-links) a:not(.wp-block-social-link-anchor):hover,
.mc-menu-container ul.mc-menu:not(.wp-block-social-links) a:not(.wp-block-social-link-anchor):focus-visible,
ul.mc-menu.mc-menu:not(.wp-block-social-links) a:not(.wp-block-social-link-anchor):hover,
ul.mc-menu.mc-menu:not(.wp-block-social-links) a:not(.wp-block-social-link-anchor):focus-visible {
  color: var(--mc-link-hover-color);
}

/* Bezpiecznik: jeśli motyw/konflikt doda mc-menu do Social Links, cofamy kolor do motywu */
.wp-block-social-links .wp-block-social-link-anchor,
.wp-block-social-links .wp-block-social-link-anchor:hover,
.wp-block-social-links .wp-block-social-link-anchor:focus,
.wp-block-social-links .wp-block-social-link-anchor:focus-visible,
.wp-block-social-links .wp-block-social-link-anchor:active,
.wp-block-social-links .wp-block-social-link-anchor:visited {
  color: unset !important;
}

/* Ułatwienia pod pozycjonowanie elementów (np. przycisk toggle) */
.mc-menu-container ul.mc-menu li,
ul.mc-menu.mc-menu li {
  position: relative;
}

/* Podmenu (tylko w trybie Replace): ukryj domyślnie i pokazuj na hover/focus-within.
   W trybach Style/Force zostawiamy obsługę podmenu motywowi. */
.mc-menu-container.mc-replaced ul.mc-menu .sub-menu,
ul.mc-menu[data-mc-replace="1"] .sub-menu{
  display: none;
}

.mc-menu-container.mc-replaced ul.mc-menu li:hover > .sub-menu,
.mc-menu-container.mc-replaced ul.mc-menu li:focus-within > .sub-menu,
ul.mc-menu[data-mc-replace="1"] li:hover > .sub-menu,
ul.mc-menu[data-mc-replace="1"] li:focus-within > .sub-menu{
  display: block;
}

/* MenuCanvas reset pseudo-elements (częsty efekt motywu: linia/pasek na hover przez :before/:after na <a> lub <li>) */
.mc-menu-container ul.mc-menu a::before,
.mc-menu-container ul.mc-menu a::after,
.mc-menu-container ul.mc-menu li::before,
.mc-menu-container ul.mc-menu li::after,
ul.mc-menu.mc-menu a::before,
ul.mc-menu.mc-menu a::after,
ul.mc-menu.mc-menu li::before,
ul.mc-menu.mc-menu li::after {
  content: none;
  display: none;
  background: none;
  background-image: none;
  border: 0;
  box-shadow: none;
  transform: none;
  transition: none;
}

.mc-menu-container ul.mc-menu, ul.mc-menu.mc-menu{gap:var(--mc-gap);} 


/* MenuCanvas: reset spacing for gap */
.mc-menu-container ul.mc-menu > li,
ul.mc-menu.mc-menu > li{margin:0 !important;padding:0 !important;}
.mc-menu-container ul.mc-menu > li > a,
ul.mc-menu.mc-menu > li > a{margin:0 !important;}


/* -------------------------------------------------------------------------
 * MenuCanvas: Submenu appearance animations (optional)
 *
 * Dlaczego wcześniej nie działało?
 * - W `core/navigation` (blok Navigation) WordPress pokazuje submenu m.in. selektorem
 *   `.wp-block-navigation-submenu__toggle[aria-expanded=true] ~ .wp-block-navigation__submenu-container`
 *   (zob. core style-rtl.css), czyli używa `~` (general sibling), a nie `+` (adjacent sibling).
 * - Część motywów/builderów owija `<ul>` submenu dodatkowym wrapperem.
 *
 * Scope: tylko menu z klasą mc-submenu-anim-*
 * ---------------------------------------------------------------------- */

@keyframes mcSubmenuFadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}

@keyframes mcSubmenuSlideFromTopIn {
  from { opacity: 0; transform: translate3d(0, -8px, 0); }
  to   { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes mcSubmenuFlipFromTopIn {
  from { opacity: 0; transform: perspective(900px) rotateX(-80deg) translate3d(0, -4px, 0); }
  to   { opacity: 1; transform: perspective(900px) rotateX(0deg) translate3d(0, 0, 0); }
}

/* Make animations smoother (no layout changes) */
.mc-submenu-anim-fade .sub-menu,
.mc-submenu-anim-fade .wp-block-navigation__submenu-container,
.mc-submenu-anim-slide-from-top .sub-menu,
.mc-submenu-anim-slide-from-top .wp-block-navigation__submenu-container,
.mc-submenu-anim-slide-from-down .sub-menu,
.mc-submenu-anim-slide-from-down .wp-block-navigation__submenu-container,
.mc-submenu-anim-flip .sub-menu,
.mc-submenu-anim-flip .wp-block-navigation__submenu-container {
  will-change: opacity, transform;
}

.mc-submenu-anim-flip .sub-menu,
.mc-submenu-anim-flip .wp-block-navigation__submenu-container {
  transform-origin: top center;
  backface-visibility: hidden;
}

/* ---------------------------------
 * Fade
 * --------------------------------- */
.mc-submenu-anim-fade li:hover > .sub-menu,
.mc-submenu-anim-fade li:focus-within > .sub-menu,
.mc-submenu-anim-fade li.focus > .sub-menu,

/* Popular wrapper patterns */
.mc-submenu-anim-fade li:hover > * > .sub-menu,
.mc-submenu-anim-fade li:focus-within > * > .sub-menu,

/* Classic nav (link/button toggles aria-expanded) */
.mc-submenu-anim-fade a[aria-expanded="true"] ~ .sub-menu,
.mc-submenu-anim-fade button[aria-expanded="true"] ~ .sub-menu,

/* Block Navigation (core/navigation) – toggle button uses `~` */
.mc-submenu-anim-fade .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container,

/* Block Navigation – hover / focus can open submenu too */
.mc-submenu-anim-fade .wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container,
.mc-submenu-anim-fade .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container {
  animation: mcSubmenuFadeIn 180ms ease both;
}

/* ---------------------------------
 * Fade + slide (top -> down)
 * --------------------------------- */
.mc-submenu-anim-slide-from-top li:hover > .sub-menu,
.mc-submenu-anim-slide-from-top li:focus-within > .sub-menu,
.mc-submenu-anim-slide-from-top li.focus > .sub-menu,

.mc-submenu-anim-slide-from-down li:hover > .sub-menu,
.mc-submenu-anim-slide-from-down li:focus-within > .sub-menu,
.mc-submenu-anim-slide-from-down li.focus > .sub-menu,

/* Popular wrapper patterns */
.mc-submenu-anim-slide-from-top li:hover > * > .sub-menu,
.mc-submenu-anim-slide-from-top li:focus-within > * > .sub-menu,

.mc-submenu-anim-slide-from-down li:hover > * > .sub-menu,
.mc-submenu-anim-slide-from-down li:focus-within > * > .sub-menu,

/* Classic nav (link/button toggles aria-expanded) */
.mc-submenu-anim-slide-from-top a[aria-expanded="true"] ~ .sub-menu,
.mc-submenu-anim-slide-from-top button[aria-expanded="true"] ~ .sub-menu,

.mc-submenu-anim-slide-from-down a[aria-expanded="true"] ~ .sub-menu,
.mc-submenu-anim-slide-from-down button[aria-expanded="true"] ~ .sub-menu,

/* Block Navigation (core/navigation) – toggle button uses `~` */
.mc-submenu-anim-slide-from-top .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container,

.mc-submenu-anim-slide-from-down .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container,

/* Block Navigation – hover / focus can open submenu too */
.mc-submenu-anim-slide-from-top .wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container,
.mc-submenu-anim-slide-from-top .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container,

.mc-submenu-anim-slide-from-down .wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container,
.mc-submenu-anim-slide-from-down .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container {
  animation: mcSubmenuSlideFromTopIn 220ms ease both;
}

/* ---------------------------------
 * Flip (3D kartka)
 * --------------------------------- */
.mc-submenu-anim-flip li:hover > .sub-menu,
.mc-submenu-anim-flip li:focus-within > .sub-menu,
.mc-submenu-anim-flip li.focus > .sub-menu,
.mc-submenu-anim-flip li:hover > * > .sub-menu,
.mc-submenu-anim-flip li:focus-within > * > .sub-menu,
.mc-submenu-anim-flip a[aria-expanded="true"] ~ .sub-menu,
.mc-submenu-anim-flip button[aria-expanded="true"] ~ .sub-menu,
.mc-submenu-anim-flip .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container,
.mc-submenu-anim-flip .wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container,
.mc-submenu-anim-flip .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container {
  animation: mcSubmenuFlipFromTopIn 260ms ease both;
}


/* ----------------------------------------------------------------------
 * Submenu animations – FORCE override
 * Cel: w trybie "Force styles" i "Replace output" nadpisać animacje motywu.
 * Działa tylko gdy wybrano animację (mc-submenu-anim-*) i gdy UL/Navigation
 * ma klasę mc-mode-force lub mc-mode-replace.
 * ---------------------------------------------------------------------- */

/* Wyłącz motywowe animacje/transition (żeby nasze keyframes były widoczne) */
.mc-mode-force.mc-submenu-anim-fade .sub-menu,
.mc-mode-force.mc-submenu-anim-slide-from-top .sub-menu,
.mc-mode-force.mc-submenu-anim-slide-from-down .sub-menu,
.mc-mode-force.mc-submenu-anim-flip .sub-menu,
.mc-mode-replace.mc-submenu-anim-fade .sub-menu,
.mc-mode-replace.mc-submenu-anim-slide-from-top .sub-menu,
.mc-mode-replace.mc-submenu-anim-slide-from-down .sub-menu,
.mc-mode-replace.mc-submenu-anim-flip .sub-menu,
.mc-mode-force.mc-submenu-anim-fade .wp-block-navigation__submenu-container,
.mc-mode-force.mc-submenu-anim-slide-from-top .wp-block-navigation__submenu-container,
.mc-mode-force.mc-submenu-anim-slide-from-down .wp-block-navigation__submenu-container,
.mc-mode-force.mc-submenu-anim-flip .wp-block-navigation__submenu-container,
.mc-mode-replace.mc-submenu-anim-fade .wp-block-navigation__submenu-container,
.mc-mode-replace.mc-submenu-anim-slide-from-top .wp-block-navigation__submenu-container,
.mc-mode-replace.mc-submenu-anim-slide-from-down .wp-block-navigation__submenu-container,
.mc-mode-replace.mc-submenu-anim-flip .wp-block-navigation__submenu-container {
  animation: none !important;
  transition: none !important;
}

/* Fade – wymuszenie (container) */
.mc-mode-force.mc-submenu-anim-fade li:hover > .sub-menu,
.mc-mode-force.mc-submenu-anim-fade li:focus-within > .sub-menu,
.mc-mode-force.mc-submenu-anim-fade li.focus > .sub-menu,
.mc-mode-force.mc-submenu-anim-fade li:hover > * > .sub-menu,
.mc-mode-force.mc-submenu-anim-fade li:focus-within > * > .sub-menu,
.mc-mode-force.mc-submenu-anim-fade a[aria-expanded="true"] ~ .sub-menu,
.mc-mode-force.mc-submenu-anim-fade button[aria-expanded="true"] ~ .sub-menu,
.mc-mode-force.mc-submenu-anim-fade .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container,
.mc-mode-force.mc-submenu-anim-fade .wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container,
.mc-mode-force.mc-submenu-anim-fade .wp-block-navigation .has-child:not(.open-on-click):focus-within > .wp-block-navigation__submenu-container,

.mc-mode-replace.mc-submenu-anim-fade li:hover > .sub-menu,
.mc-mode-replace.mc-submenu-anim-fade li:focus-within > .sub-menu,
.mc-mode-replace.mc-submenu-anim-fade li.focus > .sub-menu,
.mc-mode-replace.mc-submenu-anim-fade li:hover > * > .sub-menu,
.mc-mode-replace.mc-submenu-anim-fade li:focus-within > * > .sub-menu,
.mc-mode-replace.mc-submenu-anim-fade a[aria-expanded="true"] ~ .sub-menu,
.mc-mode-replace.mc-submenu-anim-fade button[aria-expanded="true"] ~ .sub-menu,
.mc-mode-replace.mc-submenu-anim-fade .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container,
.mc-mode-replace.mc-submenu-anim-fade .wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container,
.mc-mode-replace.mc-submenu-anim-fade .wp-block-navigation .has-child:not(.open-on-click):focus-within > .wp-block-navigation__submenu-container {
  animation: mcSubmenuFadeIn 180ms ease both !important;
}

/* Slide from top – wymuszenie (container) */
.mc-mode-force.mc-submenu-anim-slide-from-top li:hover > .sub-menu,
.mc-mode-force.mc-submenu-anim-slide-from-top li:focus-within > .sub-menu,
.mc-mode-force.mc-submenu-anim-slide-from-top li.focus > .sub-menu,
.mc-mode-force.mc-submenu-anim-slide-from-top li:hover > * > .sub-menu,
.mc-mode-force.mc-submenu-anim-slide-from-top li:focus-within > * > .sub-menu,
.mc-mode-force.mc-submenu-anim-slide-from-top a[aria-expanded="true"] ~ .sub-menu,
.mc-mode-force.mc-submenu-anim-slide-from-top button[aria-expanded="true"] ~ .sub-menu,
.mc-mode-force.mc-submenu-anim-slide-from-top .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container,
.mc-mode-force.mc-submenu-anim-slide-from-top .wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container,
.mc-mode-force.mc-submenu-anim-slide-from-top .wp-block-navigation .has-child:not(.open-on-click):focus-within > .wp-block-navigation__submenu-container,

.mc-mode-replace.mc-submenu-anim-slide-from-top li:hover > .sub-menu,
.mc-mode-replace.mc-submenu-anim-slide-from-top li:focus-within > .sub-menu,
.mc-mode-replace.mc-submenu-anim-slide-from-top li.focus > .sub-menu,
.mc-mode-replace.mc-submenu-anim-slide-from-top li:hover > * > .sub-menu,
.mc-mode-replace.mc-submenu-anim-slide-from-top li:focus-within > * > .sub-menu,
.mc-mode-replace.mc-submenu-anim-slide-from-top a[aria-expanded="true"] ~ .sub-menu,
.mc-mode-replace.mc-submenu-anim-slide-from-top button[aria-expanded="true"] ~ .sub-menu,
.mc-mode-replace.mc-submenu-anim-slide-from-top .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container,
.mc-mode-replace.mc-submenu-anim-slide-from-top .wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container,
.mc-mode-replace.mc-submenu-anim-slide-from-top .wp-block-navigation .has-child:not(.open-on-click):focus-within > .wp-block-navigation__submenu-container,

/* Alias (stare nazewnictwo) */
.mc-mode-force.mc-submenu-anim-slide-from-down li:hover > .sub-menu,
.mc-mode-force.mc-submenu-anim-slide-from-down li:focus-within > .sub-menu,
.mc-mode-force.mc-submenu-anim-slide-from-down li.focus > .sub-menu,
.mc-mode-force.mc-submenu-anim-slide-from-down li:hover > * > .sub-menu,
.mc-mode-force.mc-submenu-anim-slide-from-down li:focus-within > * > .sub-menu,
.mc-mode-force.mc-submenu-anim-slide-from-down a[aria-expanded="true"] ~ .sub-menu,
.mc-mode-force.mc-submenu-anim-slide-from-down button[aria-expanded="true"] ~ .sub-menu,
.mc-mode-force.mc-submenu-anim-slide-from-down .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container,
.mc-mode-force.mc-submenu-anim-slide-from-down .wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container,
.mc-mode-force.mc-submenu-anim-slide-from-down .wp-block-navigation .has-child:not(.open-on-click):focus-within > .wp-block-navigation__submenu-container,

.mc-mode-replace.mc-submenu-anim-slide-from-down li:hover > .sub-menu,
.mc-mode-replace.mc-submenu-anim-slide-from-down li:focus-within > .sub-menu,
.mc-mode-replace.mc-submenu-anim-slide-from-down li.focus > .sub-menu,
.mc-mode-replace.mc-submenu-anim-slide-from-down li:hover > * > .sub-menu,
.mc-mode-replace.mc-submenu-anim-slide-from-down li:focus-within > * > .sub-menu,
.mc-mode-replace.mc-submenu-anim-slide-from-down a[aria-expanded="true"] ~ .sub-menu,
.mc-mode-replace.mc-submenu-anim-slide-from-down button[aria-expanded="true"] ~ .sub-menu,
.mc-mode-replace.mc-submenu-anim-slide-from-down .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container,
.mc-mode-replace.mc-submenu-anim-slide-from-down .wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container,
.mc-mode-replace.mc-submenu-anim-slide-from-down .wp-block-navigation .has-child:not(.open-on-click):focus-within > .wp-block-navigation__submenu-container {
  animation: mcSubmenuSlideFromTopIn 220ms ease both !important;
}

/* Flip – wymuszenie (container) */
.mc-mode-force.mc-submenu-anim-flip li:hover > .sub-menu,
.mc-mode-force.mc-submenu-anim-flip li:focus-within > .sub-menu,
.mc-mode-force.mc-submenu-anim-flip li.focus > .sub-menu,
.mc-mode-force.mc-submenu-anim-flip li:hover > * > .sub-menu,
.mc-mode-force.mc-submenu-anim-flip li:focus-within > * > .sub-menu,
.mc-mode-force.mc-submenu-anim-flip a[aria-expanded="true"] ~ .sub-menu,
.mc-mode-force.mc-submenu-anim-flip button[aria-expanded="true"] ~ .sub-menu,
.mc-mode-force.mc-submenu-anim-flip .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container,
.mc-mode-force.mc-submenu-anim-flip .wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container,
.mc-mode-force.mc-submenu-anim-flip .wp-block-navigation .has-child:not(.open-on-click):focus-within > .wp-block-navigation__submenu-container,

.mc-mode-replace.mc-submenu-anim-flip li:hover > .sub-menu,
.mc-mode-replace.mc-submenu-anim-flip li:focus-within > .sub-menu,
.mc-mode-replace.mc-submenu-anim-flip li.focus > .sub-menu,
.mc-mode-replace.mc-submenu-anim-flip li:hover > * > .sub-menu,
.mc-mode-replace.mc-submenu-anim-flip li:focus-within > * > .sub-menu,
.mc-mode-replace.mc-submenu-anim-flip a[aria-expanded="true"] ~ .sub-menu,
.mc-mode-replace.mc-submenu-anim-flip button[aria-expanded="true"] ~ .sub-menu,
.mc-mode-replace.mc-submenu-anim-flip .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container,
.mc-mode-replace.mc-submenu-anim-flip .wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container,
.mc-mode-replace.mc-submenu-anim-flip .wp-block-navigation .has-child:not(.open-on-click):focus-within > .wp-block-navigation__submenu-container {
  transform-origin: top center !important;
  backface-visibility: hidden !important;
  animation: mcSubmenuFlipFromTopIn 260ms ease both !important;
}

/* Fallback: animuj elementy submenu (gdy motyw wymusza opacity/transform na kontenerze) */
.mc-mode-force.mc-submenu-anim-fade li:hover > .sub-menu > li,
.mc-mode-force.mc-submenu-anim-fade li:focus-within > .sub-menu > li,
.mc-mode-force.mc-submenu-anim-fade a[aria-expanded="true"] ~ .sub-menu > li,
.mc-mode-force.mc-submenu-anim-fade button[aria-expanded="true"] ~ .sub-menu > li,
.mc-mode-force.mc-submenu-anim-fade .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container > li,
.mc-mode-replace.mc-submenu-anim-fade li:hover > .sub-menu > li,
.mc-mode-replace.mc-submenu-anim-fade li:focus-within > .sub-menu > li,
.mc-mode-replace.mc-submenu-anim-fade a[aria-expanded="true"] ~ .sub-menu > li,
.mc-mode-replace.mc-submenu-anim-fade button[aria-expanded="true"] ~ .sub-menu > li,
.mc-mode-replace.mc-submenu-anim-fade .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container > li {
  animation: mcSubmenuFadeIn 180ms ease both !important;
}

.mc-mode-force.mc-submenu-anim-slide-from-top li:hover > .sub-menu > li,
.mc-mode-force.mc-submenu-anim-slide-from-top li:focus-within > .sub-menu > li,
.mc-mode-force.mc-submenu-anim-slide-from-top a[aria-expanded="true"] ~ .sub-menu > li,
.mc-mode-force.mc-submenu-anim-slide-from-top button[aria-expanded="true"] ~ .sub-menu > li,
.mc-mode-force.mc-submenu-anim-slide-from-top .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container > li,
.mc-mode-replace.mc-submenu-anim-slide-from-top li:hover > .sub-menu > li,
.mc-mode-replace.mc-submenu-anim-slide-from-top li:focus-within > .sub-menu > li,
.mc-mode-replace.mc-submenu-anim-slide-from-top a[aria-expanded="true"] ~ .sub-menu > li,
.mc-mode-replace.mc-submenu-anim-slide-from-top button[aria-expanded="true"] ~ .sub-menu > li,
.mc-mode-replace.mc-submenu-anim-slide-from-top .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container > li,

.mc-mode-force.mc-submenu-anim-slide-from-down li:hover > .sub-menu > li,
.mc-mode-force.mc-submenu-anim-slide-from-down li:focus-within > .sub-menu > li,
.mc-mode-force.mc-submenu-anim-slide-from-down a[aria-expanded="true"] ~ .sub-menu > li,
.mc-mode-force.mc-submenu-anim-slide-from-down button[aria-expanded="true"] ~ .sub-menu > li,
.mc-mode-force.mc-submenu-anim-slide-from-down .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container > li,
.mc-mode-replace.mc-submenu-anim-slide-from-down li:hover > .sub-menu > li,
.mc-mode-replace.mc-submenu-anim-slide-from-down li:focus-within > .sub-menu > li,
.mc-mode-replace.mc-submenu-anim-slide-from-down a[aria-expanded="true"] ~ .sub-menu > li,
.mc-mode-replace.mc-submenu-anim-slide-from-down button[aria-expanded="true"] ~ .sub-menu > li,
.mc-mode-replace.mc-submenu-anim-slide-from-down .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container > li {
  animation: mcSubmenuSlideFromTopIn 220ms ease both !important;
}

.mc-mode-force.mc-submenu-anim-flip li:hover > .sub-menu > li,
.mc-mode-force.mc-submenu-anim-flip li:focus-within > .sub-menu > li,
.mc-mode-force.mc-submenu-anim-flip a[aria-expanded="true"] ~ .sub-menu > li,
.mc-mode-force.mc-submenu-anim-flip button[aria-expanded="true"] ~ .sub-menu > li,
.mc-mode-force.mc-submenu-anim-flip .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container > li,
.mc-mode-replace.mc-submenu-anim-flip li:hover > .sub-menu > li,
.mc-mode-replace.mc-submenu-anim-flip li:focus-within > .sub-menu > li,
.mc-mode-replace.mc-submenu-anim-flip a[aria-expanded="true"] ~ .sub-menu > li,
.mc-mode-replace.mc-submenu-anim-flip button[aria-expanded="true"] ~ .sub-menu > li,
.mc-mode-replace.mc-submenu-anim-flip .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container > li {
  /* Fallback: gdy motyw całkowicie blokuje transform/opacity na kontenerze */
  animation: mcSubmenuFadeIn 180ms ease both !important;
}


/** Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  .mc-submenu-anim-fade .sub-menu,
  .mc-submenu-anim-fade .sub-menu > li,
  .mc-submenu-anim-fade .wp-block-navigation__submenu-container,
  .mc-submenu-anim-fade .wp-block-navigation__submenu-container > li,
  .mc-submenu-anim-slide-from-down .sub-menu,
  .mc-submenu-anim-slide-from-down .sub-menu > li,
  .mc-submenu-anim-slide-from-down .wp-block-navigation__submenu-container,
  .mc-submenu-anim-slide-from-down .wp-block-navigation__submenu-container > li,
  .mc-submenu-anim-slide-from-top .sub-menu,
  .mc-submenu-anim-slide-from-top .sub-menu > li,
  .mc-submenu-anim-slide-from-top .wp-block-navigation__submenu-container,
  .mc-submenu-anim-slide-from-top .wp-block-navigation__submenu-container > li,
  .mc-submenu-anim-flip .sub-menu,
  .mc-submenu-anim-flip .sub-menu > li,
  .mc-submenu-anim-flip .wp-block-navigation__submenu-container,
  .mc-submenu-anim-flip .wp-block-navigation__submenu-container > li {
    animation: none !important;
  }
}