/* ============================================
   B&N Removals - Custom Styles
   ============================================ */

/* Selection colors */
::selection {
  background-color: #fee2e2;
  color: #7f1d1d;
}

/* Page transition animations */
.animate-in {
  animation: fadeSlideIn 0.7s ease-out forwards;
}

@keyframes fadeSlideIn {
  from {
    opacity: 0;
    transform: translateY(1rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Slow bounce animation for Hero floating card */
@keyframes bounce-slow {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}

.animate-bounce-slow {
  animation: bounce-slow 3s ease-in-out infinite;
}

/* Mobile menu slide animation */
@keyframes slideInFromTop {
  from {
    opacity: 0;
    transform: translateY(-0.5rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.slide-in-from-top {
  animation: slideInFromTop 0.3s ease-out forwards;
}

/* Form focus states */
input:focus,
textarea:focus {
  outline: none;
  box-shadow: 0 0 0 2px #dc2626;
}

/* Smooth transitions for interactive elements */
button,
a {
  transition: all 0.2s ease-out;
}

/* Zoom in animation for success message */
@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.zoom-in {
  animation: zoomIn 0.5s ease-out forwards;
}

/* Print styles */
@media print {
  nav, footer, .no-print {
    display: none !important;
  }
}