/* Custom layer on top of the Bootstrap dark theme. */

body.has-bottom-nav {
  padding-bottom: 4.5rem; /* keep content clear of the fixed bottom nav */
}

.bottom-nav {
  padding-top: 0;
  padding-bottom: env(safe-area-inset-bottom, 0);
}

.bottom-nav-link {
  display: block;
  padding: 0.75rem 0.25rem;
  font-size: 0.85rem;
  color: var(--bs-secondary-color);
  text-decoration: none;
}

.bottom-nav-link.active {
  color: var(--bs-primary);
  font-weight: 600;
}

/* Buttons centre their label regardless of height. */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Thumb-friendly tap targets, but leave small/inline-link buttons natural. */
.btn:not(.btn-sm):not(.btn-link),
.form-control,
.form-select {
  min-height: 44px;
}

.form-check-input {
  width: 1.4em;
  height: 1.4em;
}

/* Filter dropdowns: roomier checkbox rows with clear box/label separation. */
.dropdown-menu .form-check {
  padding: 0.3rem 0.25rem 0.3rem 2.4em;
}

.dropdown-menu .form-check-input {
  margin-left: -2.4em;
  margin-top: 0.05em;
}

.dropdown-menu .form-check-label {
  display: block; /* full row is tappable */
}