@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
@import url("https://fonts.googleapis.com/css?family=Poppins:400,500,700,600|Red+Hat+Display:600|Montserrat:var(--heading-2-font-weight),var(--heading-6-font-weight)");

* {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: 'Poppins', sans-serif;
}

button:focus-visible {
  outline: 2px solid #4a90e2 !important;
  outline: -webkit-focus-ring-color auto 5px !important;
}

a {
  text-decoration: none;
}

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

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #00bab5;
  border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
  background: #00d9d3;
}

@keyframes fadeSlide {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fadeSlide {
  animation: fadeSlide 0.4s ease-out;
}

@tailwind base;
@tailwind components;
@tailwind utilities;

@keyframes pulse-custom {
  0% { box-shadow: 0 0 0px rgba(0, 198, 192, 0.6); }
  50% { box-shadow: 0 0 15px rgba(0, 198, 192, 0.8); }
  100% { box-shadow: 0 0 0px rgba(0, 198, 192, 0.6); }
}

.animate-pulse-custom {
  animation: pulse-custom 0.6s ease-out;
}


.cart-float-modal {
  position: fixed !important;
  top: 70px !important;
  right: 20px !important;
  margin: 0;
  pointer-events: none;
}

.cart-float-modal .modal-content {
  pointer-events: auto;
}

@keyframes slideRight {
  from {
    opacity: 0;
    transform: translateX(40px) translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateX(0) translateY(0);
  }
}

.animate-slideRight {
  animation: slideRight 0.25s ease-out;
}