/* Custom styles for Turtle360 */

/* Slider customization */
.slider-green::-webkit-slider-thumb {
  appearance: none;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #10B981;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(16, 185, 129, 0.3);
  border: 2px solid white;
}

.slider-green::-moz-range-thumb {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #10B981;
  cursor: pointer;
  border: 2px solid white;
  box-shadow: 0 2px 6px rgba(16, 185, 129, 0.3);
}

/* Activity card animations */
.activity-card {
  transition: all 0.3s ease;
}

.activity-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

/* Loading animation */
.loading-spinner {
  animation: spin 1s linear infinite;
}

@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* Custom colors based on Tartaruga Hub palette */
.bg-turtle-green { background-color: #3AA76D; }
.bg-turtle-yellow { background-color: #FFD166; }
.bg-turtle-blue { background-color: #4FC3F7; }
.bg-turtle-coral { background-color: #FF6B6B; }
.text-turtle-green { color: #3AA76D; }
.text-turtle-yellow { color: #FFD166; }
.border-turtle-green { border-color: #3AA76D; }

/* Category badges */
.category-badge {
  font-size: 0.75rem;
  padding: 0.25rem 0.75rem;
  border-radius: 9999px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.category-sensorial { 
  background-color: #FFD166; 
  color: #B45309; 
}

.category-social { 
  background-color: #4FC3F7; 
  color: #0369A1; 
}

.category-motor { 
  background-color: #3AA76D; 
  color: #065F46; 
}

.category-criativa { 
  background-color: #FF6B6B; 
  color: #B91C1C; 
}

.category-musical { 
  background-color: #A78BFA; 
  color: #5B21B6; 
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .activity-card {
    margin-bottom: 1rem;
  }
}