/* Auth Buttons Styles */
.auth-buttons {
  display: flex;
  gap: 8px;
  margin-right: 15px;
}

.btn-sm {
  padding: 6px 12px;
  font-size: 0.85rem;
}

.btn-outline {
  background-color: transparent;
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
}

.btn-outline:hover {
  background-color: var(--primary-color-light);
  color: var(--primary-color-dark);
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .auth-buttons {
    display: none; /* Hide on mobile, will show in mobile menu */
  }
}

/* Dark mode adjustments */
.dark-mode .btn-outline {
  border-color: var(--light-color);
  color: var(--light-color);
}

.dark-mode .btn-outline:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: var(--light-color);
}

/* Mobile menu auth buttons */
.mobile-menu .auth-buttons {
  display: flex;
  margin: 15px 0;
  width: 100%;
}

.mobile-menu .auth-buttons .btn {
  flex: 1;
  text-align: center;
}