/* mobile-menu-fix.css Підстраховка стилів для мобільного offcanvas-меню. Підключати в після основних стилів шаблону. */ /* Панель за замовчуванням прихована за лівим краєм */ .offcanvas-menu { position: fixed; top: 0; left: 0; width: 280px; max-width: 80%; height: 100%; overflow-y: auto; background: #fff; box-shadow: 2px 0 12px rgba(0, 0, 0, 0.2); transform: translateX(-100%); transition: transform 0.3s ease; z-index: 9999; padding: 20px; } /* Коли body має клас offcanvas-active — панель виїжджає */ body.offcanvas-active .offcanvas-menu { transform: translateX(0); } /* Затемнення тла під відкритою панеллю */ body.offcanvas-active::after { content: ""; position: fixed; inset: 0; background: rgba(0, 0, 0, 0.4); z-index: 9998; } /* Згорнуті підменю приховані, розгорнуті (.in) — показані */ .offcanvas-inner .collapse { display: none; } .offcanvas-inner .collapse.in { display: block; } /* Кнопка закриття */ .close-offcanvas { display: block; text-align: right; font-size: 22px; margin-bottom: 10px; color: #333; }