/* ========================================
   DHDS V2 — Services
   ======================================== */

.services-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 16px;
  margin-bottom: 40px;
}

.service-card {
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  font-family: var(--mono);
  font-size: 14px;
  color: var(--paper);
  display: flex;
  align-items: center;
  gap: 10px;
  background: var(--charcoal);
  transition: transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);
  cursor: pointer;
  will-change: transform, box-shadow, border-color;
  position: relative;
}

.service-card .srv-icon {
  color: var(--gold);
  display: inline-block;
  transition: transform var(--transition-base), text-shadow var(--transition-base), color var(--transition-base);
  will-change: transform, text-shadow;
}

/* Service Card Hover */
.service-card:hover {
  transform: translateY(-8px) scale(1.02);
  box-shadow: 0 12px 24px rgba(198, 161, 91, 0.15);
  border-color: var(--gold);
}

.service-card:hover .srv-icon {
  transform: rotate(10deg);
  text-shadow: 0 0 12px rgba(198, 161, 91, 0.8);
}

/* Button Animations */
.btn-service-cta {
  transition: transform var(--transition-base), box-shadow var(--transition-base);
  box-shadow: 0 0 15px rgba(198, 161, 91, 0.3);
  will-change: transform, box-shadow;
}

.btn-service-cta:hover {
  transform: scale(1.04);
  box-shadow: 0 0 25px rgba(198, 161, 91, 0.5);
}

.btn-service-cta:active {
  transform: scale(0.98);
}

/* Prevent entrance delay from affecting hover interactions */
.services-grid .service-card.in { transition-delay: 0s !important; }