/* ═══════════════════════════════════════════════════════════
   IMPORTANT SERVICES
   ═══════════════════════════════════════════════════════════ */
.davv-services-card {
  background: var(--davv-subtle-bg);
  border: 1px solid var(--davv-subtle-border);
  border-radius: var(--davv-radius-md);
  padding: 1.25rem;
  box-shadow: var(--davv-shadow-sm);
  height: 100%;
}

@media (min-width: 640px) {
  .davv-services-card {
    padding: 2rem;
  }
}

.davv-services-header {
  margin-bottom: 1.5rem;
  border-bottom: 1px solid var(--davv-slate-100);
  padding-bottom: 1.25rem;
}

.davv-services-title {
  font-weight: 900;
  color: var(--primary-color);
  font-size: 1.125rem;
  line-height: 1;
}

@media (min-width: 768px) {
  .davv-services-title {
    font-size: 1.25rem;
  }
}

.davv-services-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}

@media (min-width: 640px) {
  .davv-services-grid {
    gap: 0.75rem;
  }
}

.davv-service-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  padding: 0.625rem 0.25rem;
  border-radius: var(--davv-radius-md);
  text-decoration: none;
  text-align: center;
  border: 1px solid transparent;
  transition: var(--davv-transition);
}

@media (min-width: 640px) {
  .davv-service-item {
    padding: 0.875rem 0.5rem;
  }
}

.davv-service-item:hover {
  transform: scale(1.03);
}

.davv-service-icon-wrap {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  box-shadow: var(--davv-shadow-sm);
  border: 1px solid var(--davv-white-80);
  transition: transform 0.3s ease;
}

@media (min-width: 640px) {
  .davv-service-icon-wrap {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1.125rem;
  }
}

.davv-service-item:hover .davv-service-icon-wrap {
  transform: scale(1.1);
}

.davv-service-label {
  font-size: 0.6875rem;
  font-weight: 900;
  letter-spacing: -0.015em;
  line-height: 1.25;
  margin-top: 0.25rem;
}

@media (min-width: 640px) {
  .davv-service-label {
    font-size: 0.75rem;
  }
}

/* Service Color Themes */
.svc-blue {
  background: var(--davv-blue-5);
  border-color: var(--davv-blue-10);
  color: var(--davv-blue-700);
}
.svc-blue .davv-service-icon-wrap {
  background: var(--davv-blue-10);
  color: var(--davv-blue-700);
}
.svc-blue:hover {
  background: var(--davv-blue-10);
  border-color: var(--davv-blue-20);
}

.svc-emerald {
  background: var(--davv-emerald-5);
  border-color: var(--davv-emerald-10);
  color: var(--davv-emerald-700);
}
.svc-emerald .davv-service-icon-wrap {
  background: var(--davv-emerald-10);
  color: var(--davv-emerald-700);
}
.svc-emerald:hover {
  background: var(--davv-emerald-10);
  border-color: var(--davv-emerald-20);
}

.svc-purple {
  background: var(--davv-purple-5);
  border-color: var(--davv-purple-10);
  color: var(--davv-purple-700);
}
.svc-purple .davv-service-icon-wrap {
  background: var(--davv-purple-10);
  color: var(--davv-purple-700);
}
.svc-purple:hover {
  background: var(--davv-purple-10);
  border-color: var(--davv-purple-20);
}

.svc-teal {
  background: var(--davv-teal-5);
  border-color: var(--davv-teal-10);
  color: var(--davv-teal-700);
}
.svc-teal .davv-service-icon-wrap {
  background: var(--davv-teal-10);
  color: var(--davv-teal-700);
}
.svc-teal:hover {
  background: var(--davv-teal-10);
  border-color: var(--davv-teal-20);
}

.svc-amber {
  background: var(--davv-amber-5);
  border-color: var(--davv-amber-10);
  color: var(--davv-amber-dark);
}
.svc-amber .davv-service-icon-wrap {
  background: var(--davv-amber-10);
  color: var(--davv-amber-dark);
}
.svc-amber:hover {
  background: var(--davv-amber-10);
  border-color: var(--davv-amber-20);
}

.svc-pink {
  background: var(--davv-pink-5);
  border-color: var(--davv-pink-10);
  color: var(--davv-pink-700);
}
.svc-pink .davv-service-icon-wrap {
  background: var(--davv-pink-10);
  color: var(--davv-pink-700);
}
.svc-pink:hover {
  background: var(--davv-pink-10);
  border-color: var(--davv-pink-20);
}