/* ====================================================================== POJISTKA PRO VYPNUTÝ JAVASCRIPT Bez JS by pod 768 px nebyla navigace vůbec dostupná (burger by nešel otevřít). Tenhle blok proto schová přepínače a vypíše celé menu staticky. ====================================================================== */ .vc-burger, .vc-close, .vc-toggle, .vc-grp-toggle { display: none !important; } .vc-grp-links { display: block !important; grid-template-rows: none !important; visibility: visible !important; } /* Na desktopu s myší otevře panel obyčejný CSS hover / focus. */ @media (min-width: 1367px) and (hover: hover) and (pointer: fine) { .vc-item.vc-has-mega:hover > .vc-megapanel, .vc-item.vc-has-mega:focus-within > .vc-megapanel { opacity: 1; visibility: visible; transform: none; } } /* Pod 1367 px se menu vypíše staticky pod hlavičkou, se všemi položkami. Meze jsou 1366.98px, ne 1366px — stejně jako v megamenu.css, aby na zlomkových šířkách (Windows se škálováním 125 %) nevznikla díra. */ @media (max-width: 1366.98px) { /* Bez JS nepotřebujeme přeskládávání pořadí přes display:contents, naopak nám vadí — vrátíme obalům normální blokový layout. */ #div_block-8-28284 > .ct-code-block { display: block !important; } .vc-nav { display: block !important; } .vc-drawer { display: block !important; width: 100%; } .vc-menu { flex-direction: column; align-items: stretch; } .vc-nav .vc-menu > .vc-item { display: flex !important; width: 100%; margin: 0 0 10px; } .vc-megapanel { position: static !important; opacity: 1 !important; visibility: visible !important; transform: none !important; box-shadow: none !important; border-radius: 0 !important; } .vc-megapanel__inner { max-height: none !important; overflow: visible !important; padding: 4px 0 8px !important; } .vc-megapanel__grid { display: block !important; } .vc-megapanel__grid > .block-megamenu { width: 100% !important; padding: 0 !important; } }