/* =====================================================================
   Tezz Rent Agreement - sticky navbar (page content scrolls BELOW the navbar)
   Works on every page regardless of the page wrapper structure.
   ===================================================================== */
:root{ --tz-nav-h:76px; }

/* 'overflow-x:hidden' on html/body breaks sticky on some browsers - 'clip' keeps the same look */
html{ scroll-padding-top:calc(var(--tz-nav-h) + 8px); }
html, body{ overflow-x:clip !important; }

/* the navbar stays on top of the screen */
html body .nav-bar,
html body .tezz-nav,
html body nav.custom-navbar{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    margin:0 !important;
    z-index:1040 !important;          /* above page content, below popups / modals */
    background:#fff !important;
    box-shadow:0 4px 20px rgba(11,31,58,.10);
}

/* page content starts exactly below the navbar (height is measured by tezz-sticky.js) */
body{ padding-top:var(--tz-nav-h) !important; }

/* tall mobile menu must stay scrollable inside the screen */
@media (max-width:991.98px){
    html body .nav-bar,
    html body .tezz-nav,
    html body nav.custom-navbar{ max-height:100vh; overflow-y:auto; }
}