.tab-btn {
  padding: 0.5rem 1rem;
  border: none;
  background: transparent;
  font-weight: 500;
  border-bottom: 3px solid transparent;
  transition: all 0.2s ease-in-out;
  color: #555;
}

.tab-btn:hover {
  border-bottom-color: #ccc;
  color: #000;
  border-radius: 3px;
}

/* Active styles with custom colors */
.tab-btn.upcoming.active {
  color: #0d6efd;
  border-bottom-color: #0d6efd;
  border-radius: 3px;
}

.tab-btn.completed.active {
  color: #198754;
  border-bottom-color: #198754;
  border-radius: 3px;
}

.tab-btn.cancelled.active {
  color: #dc3545;
  border-bottom-color: #dc3545;
  border-radius: 3px;
}

.lh-md-lg {
  line-height: 3rem;
}

#bookingSearch {
  width: 100%;
  max-width: 300px;
}

@media (max-width: 768px) {
  .lh-md-lg {
    line-height: 2rem;
  }
  #bookingSearch {
    width: 100%;
    max-width: none;
  }
  .w-mob-100 {
    width: 100%;
  }
}