/* === MOBILNÍ MENU: položky pod sebou === */
@media (max-width: 991px) {
  /* Container otevřeného menu = sloupec přes celou šířku */
  #navigation .navigation-in.menu {
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    padding: 12px;
    gap: 0;
  }

  /* Hlavní seznam kategorií = sloupec */
  #navigation .menu-level-1 {
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  /* Každá položka na celou šířku */
  #navigation .menu-level-1 > li {
    width: 100%;
    display: block !important;
  }

  /* Odkazy: velká klikací plocha, žádné fixed height */
  #navigation .menu-level-1 > li > a {
    display: block !important;
    padding: 14px 18px;
    height: auto !important;
    line-height: 1.35 !important;
    white-space: normal !important;      /* povolí zalomení dlouhých názvů */
    border-bottom: 1px solid #ececec;    /* jemný dělící řádek */
  }
  #navigation .menu-level-1 > li:last-child > a { border-bottom: 0; }

  /* Zrušit pseudo-oddělovače/čáry z desktopu */
  #navigation .menu-level-1 > li::before,
  #navigation .menu-level-1 > li::after,
  #navigation .menu-level-1 > li > a::before,
  #navigation .menu-level-1 > li > a::after {
    content: none !important;
    border: 0 !important;
    background: none !important;
  }

  /* Pravá část (Přihlášení/Měna) také pod sebou, pod kategoriemi */
  #navigation .navigationActions {
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    margin-left: 0;
    margin-top: 8px;
    border-top: 1px solid #ececec;
  }
  #navigation .navigationActions a {
    display: block !important;
    padding: 14px 18px;
    height: auto !important;
    line-height: 1.35 !important;
  }

  /* Pro jistotu: skrýt desktopové separátory a nastavení šířek */
  #navigation .menu-level-1 > li + li::before { display: none !important; }
}

/* Mobil: vždy 1 sloupec, i v overlayi na všech podstránkách */
@media (max-width: 991px) {
  /* cílíme univerzálně: jak originál, tak klony v overlayi */
  ul[role="menubar"],
  ul[data-testid="headerMenuItems"],
  nav#navigation ul.menu-level-1 {
    display: block !important;
    flex-direction: column !important;
    white-space: normal !important;
    column-count: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }
  ul[role="menubar"] > li,
  ul[data-testid="headerMenuItems"] > li,
  nav#navigation ul.menu-level-1 > li {
    display: block !important;
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  ul[role="menubar"] > li > a,
  ul[data-testid="headerMenuItems"] > li > a,
  nav#navigation ul.menu-level-1 > li > a {
    display: block !important;
    width: 100% !important;
    white-space: normal !important;
    word-break: break-word !important;
    padding: 14px 18px !important;
    line-height: 1.35 !important;
    height: auto !important;
    border-bottom: 1px solid #ececec !important;
    text-decoration: none !important;
  }
  ul[role="menubar"] > li:last-child > a,
  ul[data-testid="headerMenuItems"] > li:last-child > a,
  nav#navigation ul.menu-level-1 > li:last-child > a {
    border-bottom: 0 !important;
  }
}