/* ==========================================================================
   SarTrade prototype — Bootstrap CSS fallback
   Applies ONLY when <html> carries .no-bs, which js/bootstrap-fallback.js
   adds after detecting that the Bootstrap CDN stylesheet did not load.
   Covers just the classes the supplied design markup relies on.
   ========================================================================== */

/* Bootstrap's Reboot supplies these; without it the design's fixed pixel
   widths would be inflated by their own padding. */
.no-bs *,
.no-bs *::before,
.no-bs *::after { box-sizing: border-box; }
.no-bs body { margin: 0; line-height: 1.5; -webkit-font-smoothing: antialiased; }
.no-bs button,
.no-bs input,
.no-bs select,
.no-bs textarea { font-family: inherit; font-size: inherit; line-height: inherit; margin: 0; }
.no-bs button { cursor: pointer; }
.no-bs table { border-collapse: collapse; }
.no-bs h1, .no-bs h2, .no-bs h3, .no-bs h4 { margin: 0; font-weight: 500; }

.no-bs .collapse:not(.show) { display: none; }
.no-bs .collapse.show { display: block; }
.no-bs .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; }

.no-bs .dropdown { position: relative; }
.no-bs .dropdown-menu {
  position: absolute;
  z-index: 1000;
  display: none;
  min-width: 232px;
  margin: 14px 0 0;
  padding: 8px 0;
  list-style: none;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, .10);
  border-radius: 12px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, .031), 0 4px 8px rgba(0, 0, 0, .02);
}
.no-bs .dropdown-menu.show { display: block; }
.no-bs .dropdown-item {
  display: block;
  width: 100%;
  padding: 8px 20px;
  clear: both;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -.02em;
  color: #2a5e97;
  text-align: inherit;
  white-space: nowrap;
  background: none;
  border: 0;
}
.no-bs .dropdown-item:hover,
.no-bs .dropdown-item:focus { background: #ffe300; color: #2a5e97; }

.no-bs .navbar { display: flex; flex-wrap: wrap; align-items: center; }
.no-bs .navbar-toggler { line-height: 1; background: transparent; }

/* Above the design's 992px breakpoint the menu is always laid out inline,
   exactly as .navbar-expand-lg does in Bootstrap. */
@media (min-width: 992px) {
  .no-bs .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; }
  .no-bs .navbar-expand-lg .navbar-toggler { display: none; }
}