[data-bs-theme='dark'] .navbar-light.bg-light {
  background-color: #212529 !important;
}

[data-bs-theme='dark'] .navbar-light .navbar-toggler {
  border-color: rgba(255, 255, 255, 0.1);
}

[data-bs-theme='dark'] .navbar-light .navbar-toggler-icon {
  filter: invert(1) grayscale(100%);
}

[data-bs-theme='dark'] .navbar-light .navbar-brand,
[data-bs-theme='dark'] .navbar-light .nav-link {
  color: rgba(255, 255, 255, 0.55);
}

[data-bs-theme='dark'] .navbar-light .nav-link:hover,
[data-bs-theme='dark'] .navbar-light .navbar-brand:hover {
  color: rgba(255, 255, 255, 0.75);
}

[data-bs-theme='dark'] .navbar-light .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}

[data-bs-theme='dark'] .navbar-light .nav-link.active,
[data-bs-theme='dark'] .navbar-light .show > .nav-link,
[data-bs-theme='dark'] .navbar-light .navbar-brand {
  color: #fff;
}

[data-bs-theme='dark'] h1 {
  color: #fff !important;
}

/* Ensure primary text is white in dark mode for better readability */
[data-bs-theme='dark'] .text-primary {
  color: #fff !important;
}

/* Rostership filter toggles */
[data-bs-theme='dark'] #filters .btn-outline-primary {
  color: #fff;
}

/* League actions modal */
[data-bs-theme='dark'] #leagueActionsModal .modal-content {
  color: #fff;
}
[data-bs-theme='dark'] #leagueActionsModal .btn {
  color: #fff;
}

/* Draft board actions modal */
[data-bs-theme='dark'] #boardActionsModal .modal-content {
  color: #fff;
}
[data-bs-theme='dark'] #boardActionsModal .btn {
  color: #fff;
}


/* Place switches on the left side of labels */
.form-check.form-switch {
  display: flex;
  align-items: center;
  padding-left: 2.5em;
  padding-right: 0;
}
.form-check.form-switch .form-check-input {
  margin-right: 0.5rem;
  margin-left: 0;
  float: none;
}

/* Keep the mobile menu icon aligned with the brand */
@media (max-width: 576px) {
  .navbar-toggler {
    position: relative;
  }
}
/* Slide modals up from bottom on mobile */
@media (max-width: 576px) {
  .modal.fade .modal-dialog {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    max-width: 100%;
    transform: translateY(100%);
    transition: transform 0.3s ease-out;
  }
  .modal.fade.show .modal-dialog {
    transform: translateY(0);
  }
  .modal-content {
    border-radius: 1rem 1rem 0 0;
  }
}

/* Allow long modals to scroll */
.modal-body {
  max-height: 75vh;
  overflow-y: auto;
}