/* Talvaya Custom Styles */

/* Primary theme colors to match the orange scheme from the UI mockup */
.bg-primary {
  background-color: #f97316;
}

.text-primary {
  color: #f97316;
}

.border-primary {
  border-color: #f97316;
}

.bg-secondary {
  background-color: #ea580c;
}

/* Custom animations */
@keyframes pulse-glow {
  0%, 100% {
    box-shadow: 0 0 5px rgba(249, 115, 22, 0.3);
  }
  50% {
    box-shadow: 0 0 20px rgba(249, 115, 22, 0.6);
  }
}

.animate-pulse-glow {
  animation: pulse-glow 2s infinite;
}

/* Workout log table styles */
.workout-table {
  font-size: 0.875rem;
}

.workout-table th {
  background-color: #f9fafb;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 0.025em;
  color: #6b7280;
}

.workout-table input {
  border: 1px solid #d1d5db;
  border-radius: 0.375rem;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
}

.workout-table input:focus {
  outline: none;
  border-color: #f97316;
  box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.1);
}

/* Progress tracking charts */
.progress-card {
  background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);
}

.progress-card .text-white {
  color: white !important;
}

/* Mobile responsive adjustments */
@media (max-width: 640px) {
  .workout-table {
    font-size: 0.75rem;
  }
  
  .workout-table input {
    padding: 0.125rem 0.25rem;
    font-size: 0.75rem;
  }
}

/* Custom form styling to match the log book aesthetic */
.log-form input,
.log-form select,
.log-form textarea {
  background-color: #fefefe;
  border: 2px solid #e5e7eb;
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
  font-size: 1rem;
  transition: all 0.2s ease;
}

.log-form input:focus,
.log-form select:focus,
.log-form textarea:focus {
  outline: none;
  border-color: #f97316;
  background-color: #fff;
  box-shadow: 0 0 0 4px rgba(249, 115, 22, 0.1);
}

/* Exercise card styling */
.exercise-card {
  border: 2px solid #f3f4f6;
  border-radius: 0.75rem;
  background-color: #fefefe;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease;
}

.exercise-card:hover {
  border-color: #f97316;
  box-shadow: 0 4px 6px -1px rgba(249, 115, 22, 0.1);
}

/* Stats card hover effects */
.stats-card {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.stats-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px -3px rgba(0, 0, 0, 0.1);
}

/* Button hover effects */
.btn-primary {
  background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);
  transition: all 0.2s ease;
}

.btn-primary:hover {
  background: linear-gradient(135deg, #ea580c 0%, #dc2626 100%);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(249, 115, 22, 0.4);
}

/* Loading animations */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

.fade-in {
  animation: fadeIn 0.5s ease forwards;
}

/* Workout type badges */
.workout-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}

.workout-badge.upper {
  background-color: #dbeafe;
  color: #1e40af;
}

.workout-badge.lower {
  background-color: #dcfce7;
  color: #166534;
}

.workout-badge.abs {
  background-color: #f3e8ff;
  color: #7c3aed;
}