.clinic-card {
  transition: all 0.3s ease;
  border-radius: 0.75rem;
  background: #fff;
  overflow: hidden;
}

.clinic-card:hover {
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
  transform: translateY(-6px);
}

.badge {
  font-size: 0.85em;
  letter-spacing: 0.02em;
  font-weight: 500;
}

.card-title {
  min-height: 2.5em;
  line-height: 1.3;
}

.breadcrumb-item + .breadcrumb-item::before {
  content: "›";
  color: #6c757d;
}

.form-control:focus,
.form-select:focus {
  border-color: #0d6efd;
  box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
}

.btn {
  border-radius: 0.5rem;
  font-weight: 500;
}

.btn-primary {
  background: linear-gradient(135deg, #0d6efd 0%, #0b5ed7 100%);
  border: none;
}

.btn-primary:hover {
  background: linear-gradient(135deg, #0b5ed7 0%, #0a58ca 100%);
  transform: translateY(-1px);
}

.display-6 {
  font-size: 2.5rem;
  font-weight: 700;
}

.lead {
  font-size: 1.1rem;
  font-weight: 400;
}

@media (max-width: 767px) {
  .card-img-top {
    height: 160px !important;
  }

  .display-6 {
    font-size: 2rem;
  }
}

/* Professional color scheme */
:root {
  --primary-color: #0d6efd;
  --secondary-color: #6c757d;
  --success-color: #198754;
  --info-color: #0dcaf0;
  --warning-color: #ffc107;
  --danger-color: #dc3545;
}

/* Enhanced animations */
.transition {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Professional shadows */
.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}