body { background-color: #f8fafc; }
.card { border-radius: 1rem; }

/* --- Load Data steps (pill with arrow) --- */
.ld-steps-wrap {
  display: flex;
  gap: .5rem;
  flex-wrap: wrap;
}

.ld-step {
  position: relative;
  display: inline-block;
  padding: .6rem 1.25rem .6rem 1rem;
  border-radius: .6rem;
  background: #0d6efd;               /* Bootstrap primary */
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  box-shadow: 0 1px 2px rgba(0,0,0,.08);
}

.ld-step:hover { text-decoration: none; filter: brightness(0.95); }

/* Right arrow caret */
.ld-step::after {
  content: "➜";
  font-weight: 700;
  margin-left: .5rem;
}

#ld-step-review::after {
  content: none !important;
}

/* Muted (inactive) look */
.ld-step.ld-step-muted {
  background: #e9ecef;
  color: #495057;
  font-weight: 500;
}

.ld-step.ld-step-muted::after {
  color: #6c757d;
}

/* Optional: compact on small screens */
@media (max-width: 576px) {
  .ld-step { padding: .5rem .9rem .5rem .8rem; font-size: .95rem; }
}

/* --- Navbar styling override --- */
.navbar {
  background-color: #003366 !important;   /* dark blue background */
}

.navbar .navbar-brand {
  color: #ffffff !important;              /* white brand text */
}

.navbar .nav-link {
  color: #f8f9fa !important;              /* light text for links */
}

.navbar .nav-link.active {
  font-weight: 600;
  text-decoration: underline;
}

.navbar .nav-link:hover {
  color: #d1e7ff !important;              /* lighter on hover */
}

/* Map card and legend */
.map-legend {
  background: rgba(255,255,255,0.92);
  border-radius: 8px;
  padding: 10px 12px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.12);
  font-size: 12px;
  line-height: 1.2;
  max-width: 240px;
}
.map-legend .legend-title { font-weight: 600; margin-bottom: 6px; }
.map-legend .legend-section + .legend-section {
  margin-top: 8px; padding-top: 6px; border-top: 1px solid #e6e6e6;
}
.legend-row { display: flex; align-items: center; margin: 4px 0; }
.legend-swatch {
  width: 12px; height: 12px; border: 1px solid rgba(0,0,0,0.25);
  border-radius: 2px; margin-right: 8px; flex: 0 0 auto;
}
.legend-label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* .leaflet-popup-pane { z-index: 1001 !important; } */

ol.instruction-list > li::marker {
  font-weight: 600;
  font-size: 1.1rem;
  color: black;
}

.instruction-list li {
  margin-bottom: 12px;
}

.instruction-list strong {
  font-weight: 600;
  font-size: 1.1rem;
}

  .custom-accordion {
    --bs-accordion-btn-color: #ffffff;
    --bs-accordion-btn-bg: #247cd4; /* Default button color (collapsed) */
    --bs-accordion-active-color: #ffffff;
    --bs-accordion-active-bg: #495057; /* Active button color (open) */
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.25); /* Focus ring color */
    --bs-accordion-icon-color: #ffffff; /* Collapsed icon color */
    --bs-accordion-icon-active-color: #ffffff; /* Active icon color */
    --bs-accordian-font-weight: bold;
    --bs-accordian-icon-color: #ffffff;
  }