/* Custom Styles for Vet & Pet San Francisco - Branded Light Blue Palette */

/* Smooth transitions */
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Service Card Selection Styles (Updated to Vet&Pet Light Blue) */
.service-card {
  transition: all 0.2s ease-in-out;
}

.service-card.active-service {
  border-color: #0284c7 !important;
  background-color: #f0f9ff !important;
  box-shadow: 0 4px 14px rgba(14, 165, 233, 0.2);
}

/* Slot button styles */
.slot-btn {
  transition: all 0.15s ease-in-out;
}

.slot-btn:hover:not(:disabled) {
  border-color: #38bdf8;
  background-color: #f0f9ff;
  color: #0369a1;
}

.slot-btn.active-slot {
  background-color: #0284c7 !important;
  color: #ffffff !important;
  border-color: #0369a1 !important;
  box-shadow: 0 2px 8px rgba(2, 132, 199, 0.3);
}

.slot-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  background-color: #f1f5f9;
  text-decoration: line-through;
}

/* Pulse badge animation */
@keyframes pulseSubtle {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.03);
  }
}

.pulse-badge {
  animation: pulseSubtle 3s infinite ease-in-out;
}