/*!
 * bootstrap-replacement.css — minimal subset of Bootstrap 5.3.1.
 * Load BEFORE home.min.css so site-specific rules can override.
 *
 * Only the rules home.min.css doesn't already cover:
 *   - Navbar flex layout (.navbar, .navbar > .container, .navbar-brand)
 *   - .show toggle for modal + dropdown (required by site-common.js shim)
 *   - Modal backdrop + body lock
 */

/* Container max-width breakpoints */
@media (min-width: 576px) { .container { max-width: 540px; } }
@media (min-width: 768px) { .container { max-width: 720px; } }
@media (min-width: 992px) { .container { max-width: 960px; } }
@media (min-width: 1200px) { .container { max-width: 1140px; } }
@media (min-width: 1400px) { .container { max-width: 1320px; } }

/* Navbar */
.navbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: .5rem 0;
}
.navbar > .container,
.navbar > .container-fluid {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  margin-right: 1rem;
}

/* Show toggles needed by the JS shim */
.modal.show {
  display: block;
}
.dropdown-menu.show {
  display: block;
}

/* Modal backdrop + body lock */
.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  width: 100vw;
  height: 100vh;
  background-color: #000;
  opacity: .5;
}
body.modal-open {
  overflow: hidden;
}