/* Custom styles for TIANGU GAPHerbs website */

/* Smooth scrolling */
html {
  scroll-behavior: smooth;
}

/* Navigation styles */
nav {
  transition: all 0.3s ease;
}

/* Mobile menu toggle */
#mobile-menu-button:focus {
  outline: none;
}

/* Hero section animations */
#home {
  animation: fadeIn 1s ease-in;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* Feature card hover effects */
.feature-card {
  transition: all 0.3s ease;
}

.feature-card:hover {
  transform: translateY(-5px);
}

/* External link hover effect */
.external-link {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

.external-link:hover {
  gap: 0.5rem;
}

/* Form input focus styles */
input:focus,
textarea:focus {
  outline: none;
  border-color: #10B981;
}

/* Button hover effects */
button,
a.inline-block {
  transition: all 0.3s ease;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .section-padding {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  
  .stats-number {
    font-size: 2rem;
  }
}

/* Canvas placeholder */
#heroCanvas {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.1) 0%, rgba(59, 130, 246, 0.1) 100%);
}