/* --- výchozí stav pro všechny velikosti --- */ #mobile-nav { display: none !important; } /* desktop 769px+: mobilní menu NIKDY neukazuj */ @media (min-width: 769px) { #mobile-nav { display: none !important; position: static !important; z-index: auto !important; } } /* mobile <=768px: ovládá se třídou .menu-open na */ @media (max-width: 768px) { body.menu-open #mobile-nav { display: block !important; } #mobile-nav { position: fixed; /* drž se u horní hrany viewportu */ right: 1rem; top: calc(var(--header-height, 64px)); background: #fff; border: 1px solid #e5e7eb; border-radius: 12px; padding: 8px 0; min-width: 220px; max-width: 90vw; max-height: calc(100vh - var(--header-height, 64px) - 16px); overflow: auto; box-shadow: 0 10px 30px rgba(0,0,0,.15); z-index: 2000; } #mobile-nav .navigation { margin: 0; padding: 0; list-style: none; } #mobile-nav .navigation li { display: block; } #mobile-nav .navigation a { display: block; padding: 10px 16px; text-decoration: none; } } /* pojistka proti starému overlayi */ .mobile-menu .overlay, #overlay, .mobile-nav-overlay { display: none !important; }