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


/* backend/public/css/style.css (or main.css) */

/* .hero-section-bg {
  background-image: url('/images/bg-large.webp'), url('/images/bg-large.jpg');
  background-size: cover;
  background-position: center;
}

@media (max-width: 768px) {
  .hero-section-bg {
    background-image: url('/images/bg-small.webp'), url('/images/bg-small.jpg');
  }
} */

#provider-list {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none;  /* IE 10+ */
}
#provider-list::-webkit-scrollbar {
  display: none;  /* Chrome, Safari, Opera */
}

/* Scrollbar wrapper */
#scrollbar-wrapper {
  pointer-events: auto;
}

/* Scrollbar thumb */
#scrollbar-thumb {
  transition: transform 0.1s ease;
}


#scrollbar-thumb:active {
  cursor: grabbing;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 10rem; /* Adjust this value if needed. 10rem = 160px */
}

@keyframes blinkColor {
  0%, 49% {
    color: #ef4444; /* Tailwind's text-red-500 */
  }
  50%, 100% {
    color: #e0f2fe; /* Tailwind's text-sky-50 */
  }
}

.blink-text {
  animation: blinkColor 1s infinite;
}


@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

.blinking {
  animation: blink 1s infinite;
}


.star-rating-container {
  display: flex;
  align-items: center;
  gap: 2px;
}

.star-rating-svg {
  width: 1rem; /* 16px, same as Tailwind's w-4/h-4 */
  height: 1rem;
  flex-shrink: 0;
}

.star-rating-text {
  margin-left: 6px;
  font-size: 0.75rem; /* text-xs */
  color: #d1d5db; /* text-gray-300 */
}