:root {
  --brand: #0d6efd;
  --dark: #0b1220;
  --muted: #6c757d;
  --bs-heading-color: #e9ecef;
  --bs-body-color: #dce1e4;
  --bs-dark-rgb: 14, 25, 45;
  --bs-secondary-rgb: 145, 157, 168;
  --bs-secondary: rgb(var(--bs-secondary-rgb));
  --logo-color: #1161ac;
  --bs-btn-hover-color: #fff;
}

.btn-pagination:disabled {
  visibility: hidden;
}

.btn-outline-light:hover {
  color: var(--bs-body-color);
}

html, body {
  height: 100%;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background: #0b1220;
  color: #e9ecef;
}

.navbar-blur {
  backdrop-filter: saturate(140%) blur(8px);
  background: rgba(13,17,23,.6);
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.navbar-nav .nav-link.active {
  color: #aebcc8;
}

.main-gradient {
  background: radial-gradient(1200px 600px at 80% -10%, rgba(13,110,253,.25), transparent 60%),
              radial-gradient(800px 400px at 10% 0%, rgba(32,201,151,.18), transparent 55%);
}



@media (max-width: 576px) {
  .main-gradient-btn {
    display: flex;
    align-items: center;
    font-size: .8rem;
    padding: .2rem .5rem;
  }
}

.card {
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
}

.card:hover {
  transform: translateY(-2px);
  transition: .2s ease;
}

.footer {
  margin-top: auto;
  padding: 1.5rem 0;
  border-top: 1px solid rgba(255,255,255,.08);
  background: rgba(13,17,23,.6);
}

.main-pad {
  padding: 8rem 0 3rem;
}

.section-pad {
  padding: 3rem 0;
}

a, .nav-link{
  color: #e9ecef;
}

a:hover, .nav-link:hover{
  color: #9eaab5;
}

.badge-soft {
  background: #0D6EFD26;
  color:#cfe2ff; border: 1px solid rgba(13,110,253,.25);
}

.dropdown-toggle.btn {
  --bs-btn-hover-bg: #0e192d;
}

.dropdown-menu {
  background-color: rgba(14, 25, 45, 0.95); /* dark background */
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: var(--bs-body-color);
}

.dropdown-item {
  color: var(--bs-body-color);
}

.dropdown-item.active {
  background: #0D6EFD26;
  pointer-events: none;
}

.dropdown-item:hover {
  background-color: #0d50c1;
}

.list-unstyled-link {
  all: unset;
  color: inherit;
  cursor: pointer;
}

.list-unstyled-link:hover {
  color: #9eaab5;
}

/* Dark inputs */
.form-control, .form-select, .form-control:disabled, .form-select:disabled {
  background-color: rgba(255,255,255,0.06);
  color: #f8f9fa;
  border: 1px solid rgba(255,255,255,0.18);
}

.form-control::placeholder {
  color: rgba(248,249,250,0.6);
}

.form-control:focus, .form-select:focus {
  background-color: rgba(255,255,255,0.08);
  border-color: rgba(13,110,253,0.6); /* --brand */
  box-shadow: 0 0 0 .2rem rgba(13,110,253,.25);
  color: #fff;
}

/* Contrast buttons */
.btn-outline-light { border-color: rgba(255,255,255,0.35); color:#e9ecef; }
.btn-outline-light:hover { background: rgba(255,255,255,0.08); }


/* inactive card */
.card.is-inactive {
  opacity: 0.55;
  filter: grayscale(30%);
  pointer-events: none; /* blocker */
}
.card.is-inactive .btn {
  pointer-events: none; /* blocker */
}

.wb-brand {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  white-space: nowrap;
  color: var(--logo-color);
}

.wb-brand svg {
  height: 45px;
  width: auto;
  flex: 0 0 auto;
  display: block;
  transition: .5s ease;
}

.wb-brand.is-stuck svg {
  height: 30px;
  transition: .3s ease;
}


.wb-brand__text {
  font: 700 24px/1 "Roboto Condensed", "Barlow Condensed", Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: .02em;
  line-height: 1;
}

.navbar-brand:hover, .navbar-brand:focus {
  color: var(--logo-color);
  opacity: .75;
}