.nav-tabs {
  border-bottom: none;
}

.nav-link {
  transition: background-color 0.4s ease, color 0.4s ease;
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
}

@keyframes animatedGradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.btn-animated {
  background: linear-gradient(270deg, #a400fc, #00babd, #007bff);
  background-size: 600% 600%;
  animation: animatedGradient 6s ease infinite;
  color: white;
  border: none;
}

.btn-animated-driver {
  background: linear-gradient(270deg, #a400fc, #d60000, #e85900);
  background-size: 600% 600%;
  animation: animatedGradient 6s ease infinite;
  color: white;
  border: none;
}

.btn-animated:hover {
  opacity: 0.6;
}

.nav-link.driver-active {
  background: linear-gradient(270deg, #a400fc, #d60000, #e85900);
  background-size: 600% 600%;
  animation: animatedGradient 6s ease infinite;
  color: white;
  pointer-events: none;
}

.nav-link.admin-active {
  background: linear-gradient(270deg, #a400fc, #00babd, #007bff);
  background-size: 600% 600%;
  animation: animatedGradient 6s ease infinite;
  color: white;
  pointer-events: none;
}

.fade-in {
  animation: fadeInSmooth 1s ease both;
}

@keyframes fadeInSmooth {
  from {
    opacity: 0;
    transform: translateY(15px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.driver-mode .nav-link:not(.driver-active):hover {
  background-color: #00babd;
  color: white;
  border-radius: 4px;
}

.admin-mode .nav-link:not(.admin-active):hover {
  background-color: #a400fc;
  color: white;
  border-radius: 4px;
}

a[href*="bitbus.eu"],
a[href*="bitfleet.pl"],
a[href*="murenia"] {
  display: inline-block;
  transition: transform 0.3s ease, color 0.3s ease;
}

a[href*="bitbus.eu"]:hover,
a[href*="bitfleet.pl"]:hover,
a[href*="murenia"]:hover {
  transform: scale(1.08);
  color: #a400fc !important;
  text-decoration: none;
}

.btn-animated,
.btn-animated-driver {
  transition: transform 0.3s ease, background 0.3s ease, opacity 0.3s ease;
}

.btn-animated:hover,
.btn-animated-driver:hover {
  transform: scale(1.08);
  background: linear-gradient(270deg, #a400fc, #a400fc);
  background-size: 100% 100%;
  opacity: 1;
}