/* Ensure modal and backdrop are above navbar */
.modal, .modal-backdrop {
  z-index: 10000 !important;
}
/* Fix navbar overlap for all frontend pages */

.navbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1050;
  width: 100%;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

body {
  padding-top: 64px; /* Adjust if navbar height changes */
}

@media (max-width: 576px) {
  body {
    padding-top: 56px;
  }
}

/* Optionally, override margin-top on main containers for consistency */
.container, .challenge-detail, .wide-table, .card {
  margin-top: 0 !important;
}