/* Tactical Marketing Pro - Custom Styles */

html {
  scroll-behavior: smooth;
}

/* Smooth tab transitions */
.service-panel {
  animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

/* FAQ toggle animation */
details summary::-webkit-details-marker {
  display: none;
}

details[open] summary ~ * {
  animation: fadeIn 0.2s ease-in-out;
}

/* Card hover lift */
article:hover {
  transform: translateY(-2px);
}

/* WhatsApp button pulse */
@keyframes pulse-green {
  0%, 100% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.4); }
  50% { box-shadow: 0 0 0 12px rgba(34, 197, 94, 0); }
}

.fixed[aria-label="Chat on WhatsApp"] {
  animation: pulse-green 2s infinite;
}

/* Multi-step form progress bar */
.step-indicator {
  transition: all 0.3s ease;
}

.step-indicator.active {
  background-color: #16a34a;
  color: white;
}

.step-indicator.completed {
  background-color: #22c55e;
  color: white;
}

/* Admin dashboard styles */
.admin-card {
  transition: all 0.2s ease;
}

.admin-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Margin indicator colors */
.margin-good { color: #16a34a; }
.margin-ok { color: #ca8a04; }
.margin-low { color: #dc2626; }