/* AUTOvybava.sk - mobilna objednavka: opravena V3 - Menu bez prekryvania (384/398px)
   1) pevny krok objednavky ol.cart-header
   2) ovladace v kontaktnom riadku vedla seba, bez prekryvania
   Ucinnost len na mobile v kosiku a v objednavke, ziadny JS ani zmena formularov.
   Bez zasahu do nakupu, vyhladavania, modrej listy alebo navigacneho JS.
*/
@media screen and (max-width: 767px) {
  /* Biely panel 'NAKUPNY KOSIK / INFORMACIE O VAS / DOPRAVA & PLATBA'
     nech sa nevynara cez modru listu, ale zostane vo svojom obsahu. */
  html body.ordering-process .cart-content ol.cart-header,
  html body.id--9 .cart-content ol.cart-header {
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    z-index: auto !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Rodicovska KONTAKTNA lista je kotva pre povodne tlacidlo Menu.
     Nemenime polohu hlavneho #header, navigation-wrapper ani #navigation. */
  html body.ordering-process .top-navigation-bar.transport,
  html body.id--9 .top-navigation-bar.transport {
    position: relative !important;
  }

  /* V3: Menu a dalsie ovladace sa nesmu vrstvit na tie iste suradnice.
     Povodny selektor platil na VSETKY a.toggle-window: absolutna pozicia
     right:10px / top:50% prekryvala Menu s dalsou ikonkou (ucet).
     Flex ponecha jednotlive ovladace v beznom toku vedla seba.
     Nemenime nav#navigation, #header, #av-probar ani formular objednavky. */
  html body.ordering-process .top-navigation-bar.transport .responsive-tools,
  html body.id--9 .top-navigation-bar.transport .responsive-tools {
    position: relative !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    max-width: calc(100% - 20px) !important;
    width: calc(100% - 20px) !important;
  }

  html body.ordering-process .top-navigation-bar.transport .responsive-tools a.toggle-window,
  html body.id--9 .top-navigation-bar.transport .responsive-tools a.toggle-window {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    float: none !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    z-index: 2 !important;
  }

  html body.ordering-process .top-navigation-bar.transport .responsive-tools a.phone,
  html body.id--9 .top-navigation-bar.transport .responsive-tools a.phone {
    margin-right: auto !important;
  }
}