/* ===== Global Layout Fix for Fixed Navbar ===== */
:root {
  --navbar-offset: 140px; /* default fallback value */
  --navbar-offset-mobile: 70px;
}

body {
  background-color: #f3f2f1;
  padding-top: var(--navbar-offset, 140px);
}

/* Adjust dynamically on different screens if needed */
@media (max-width: 991.98px) {
  body {
    padding-top: var(--navbar-offset-mobile, 70px);
  }
}

/* Optional: visually separate footer */
footer {
  margin-top: 2rem;
}