/**
 * Fixed top nav (Materialize): <nav> is position:fixed; .navbar-fixed leaves a short in-flow
 * placeholder (~64px on desktop). Content must start below the *visual* bar (often 100px / 120px).
 *
 * This file adds only the extra space needed: (visual nav height − placeholder) + a small gap.
 * Large flat values (e.g. 176px) stack with the placeholder and look like a huge white band.
 */
:root {
    --propella-fixed-nav-offset: 48px;
}

body.layout-top-nav-offset--4em {
    /* ~4em bar; align with placeholder + small gap */
    --propella-fixed-nav-offset: 0.75rem;
}

body.layout-top-nav-offset--8em {
    --propella-fixed-nav-offset: 76px;
}

body.layout-top-nav-offset--120 {
    /* 120px bar − ~64px placeholder + ~12px gap */
    --propella-fixed-nav-offset: 68px;
}

/* Marketing, advisor, administrator, admin, tenant — 100px nav inline */
body.layout-top-nav-offset--100-nav {
    --propella-fixed-nav-offset: 48px;
}

/*
 * Single rule for all main shells after .navbar-fixed (sidenav/dropdowns may sit between).
 * !important: required so this wins over later sheets that reset padding.
 */
body div.navbar-fixed:not([hidden]) ~ div.container-fluid {
    padding-top: calc(var(--propella-fixed-nav-offset, 48px) + env(safe-area-inset-top, 0px)) !important;
}