/* Apollo Tyres Theme & Custom CSS */

:root {
  --apollo-blue: #003399;
  --apollo-blue-dark: #002266;
  --apollo-blue-light: #1a52cc;
  --apollo-blue-subtle: #f0f5ff;
  --apollo-accent: #0066ff;
  --star-yellow: #f59e0b;
}

body {
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  background-color: #f8fafc;
  color: #1e293b;
  overflow-x: hidden;
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
  background: #94a3b8;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #003399;
}

/* Glassmorphism effects */
.glass-card {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(226, 232, 240, 0.8);
}

.glass-blue-card {
  background: rgba(0, 51, 153, 0.03);
  border: 1px solid rgba(0, 51, 153, 0.12);
}

/* Star rating custom highlight */
.star-rating {
  color: var(--star-yellow);
}

/* Card hover animations */
.hover-lift {
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.hover-lift:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 24px -6px rgba(0, 51, 153, 0.15);
}

/* Pulse animation for closing/opening badge */
@keyframes pulse-ring {
  0% { transform: scale(0.95); opacity: 0.8; }
  50% { transform: scale(1.05); opacity: 1; }
  100% { transform: scale(0.95); opacity: 0.8; }
}

.pulse-badge {
  animation: pulse-ring 2s infinite ease-in-out;
}

/* Accordion transition */
.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}

.accordion-content.open {
  max-height: 500px;
}

/* Button micro-interactions */
.btn-apollo {
  background-color: var(--apollo-blue);
  color: white;
  transition: all 0.2s ease;
}
.btn-apollo:hover {
  background-color: var(--apollo-blue-dark);
  box-shadow: 0 4px 14px rgba(0, 51, 153, 0.35);
}