/* ================================================ NOES - Global layout & utility overrides ================================================ */ /* Fix fixed navbar overlapping page title. Sneat's core.css sets layout-navbar-fixed but needs main.js to calculate offset dynamically. Since we use a simplified main.js, we set the offset in CSS. */ .layout-navbar-fixed .layout-page { padding-top: 4.5rem !important; /* ~72px — covers fixed navbar height */ } /* Ensure content area has breathing room */ .layout-navbar-fixed .content-wrapper .container-xxl.container-p-y { padding-top: 1.5rem !important; } /* Page heading style */ h4.fw-bold.py-3 { margin-top: 0.25rem; } /* Fix Bootstrap modal pushing fixed navbar/layout to the right. Bootstrap 5 measures scrollbar width and adds that as padding-right to when a modal opens (to prevent content jump). The side effect: the fixed navbar appears to shift right. Solution: always reserve scrollbar space so width never changes. */ html { overflow-y: scroll; } /* Ensure the fixed navbar never inherits any body padding-right */ body.modal-open .layout-navbar, body.modal-open .layout-page { padding-right: 0 !important; }