/* Svíčkománie3D – POUZE MOBILNÍ menu Shoptet.
   Na počítači (od 768 px) tento soubor nemá žádný účinek.
   Nahraďte jím celou starší verzi CSS pro menu. */

@media screen and (max-width: 767px) {
  #navigation {
    --sv3d-red: #c83435;
    --sv3d-red-dark: #9f252a;
    --sv3d-red-soft: #fff1f1;
    background: #fff !important;
    color: #303033;
  }

  #navigation .navigation-in {
    background: #fff !important;
  }

  /* Remove large vertical gaps coming from default menu/list styles. */
  #navigation .menu-level-1,
  #navigation .menu-level-2 {
    height: auto !important;
    min-height: 0 !important;
    max-height: none;
    gap: 0 !important;
    justify-content: flex-start !important;
    align-content: flex-start !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  /* On mobile the theme stretches children to fill the entire menu height. */
  #navigation .menu-level-1 {
    display: block !important;
  }

  #navigation .menu-level-1 > li,
  #navigation .menu-level-2 > li {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #navigation .menu-level-1 > li {
    border-bottom: 1px solid #f0eeee;
  }

  #navigation .menu-level-1 > li > a,
  #navigation .menu-level-2 > li > a {
    display: flex !important;
    align-items: center;
    box-sizing: border-box;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    color: #303033;
    white-space: normal;
    text-decoration: none;
    border: 0;
    border-radius: 6px;
    line-height: 1.2 !important;
  }

  #navigation .menu-level-1 > li > a {
    min-height: 47px !important;
    padding: 9px 14px !important;
    font-size: 16px !important;
    font-weight: 700;
  }

  #navigation .menu-level-2 > li > a {
    min-height: 41px !important;
    padding: 8px 13px !important;
    font-size: 14px !important;
    font-weight: 600;
  }

  #navigation .menu-level-1 > li > a b { font-size: inherit; font-weight: 700; }

  #navigation .menu-level-1 > li > a > i,
  #navigation .menu-level-2 > li > a > i {
    color: var(--sv3d-red) !important;
    flex-shrink: 0;
    font-size: 17px !important;
    margin-right: 9px !important;
  }

  #navigation .menu-level-1 > li > a .submenu-arrow,
  #navigation .menu-level-2 > li > a .submenu-arrow {
    margin-left: auto !important;
    flex-shrink: 0;
  }

  /* Submenu visibility/positioning stays under Shoptet's control. */
  #navigation .menu-level-2 {
    border: 0;
    box-shadow: none;
    border-radius: 0;
    background: #fff;
    padding-left: 12px !important;
  }

  #navigation .menu-level-1 > li > a:hover,
  #navigation .menu-level-1 > li.active > a,
  #navigation .menu-level-2 > li > a:hover,
  #navigation .menu-level-2 > li.active > a {
    color: var(--sv3d-red-dark);
    background: var(--sv3d-red-soft);
  }

  #navigation .menu-level-1 a:focus-visible,
  #navigation .menu-level-2 a:focus-visible {
    outline: 2px solid var(--sv3d-red);
    outline-offset: 1px;
  }

  #navigation .navigationActions > li { margin: 0 !important; }
  #navigation .navigationActions a {
    padding-top: 11px !important;
    padding-bottom: 11px !important;
    font-size: 15px !important;
    color: var(--sv3d-red-dark);
  }
}