@import url("https://cdn.jsdelivr.net/npm/choices.js/public/assets/styles/choices.min.css");
@import url("https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css");

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

@layer components {
  .btn-primary {
    @apply py-2 px-4 bg-blue-200;
  }
  
  /* Enhanced Remote Choice Styles */
  .choices__list--dropdown {
    @apply border-2 border-gray-200 rounded-lg shadow-lg;
  }
  
  .choices__item--choice {
    @apply px-4 py-3 hover:bg-violet-50 hover:text-violet-800 transition-colors duration-200;
  }
  
  .choices__item--choice.is-highlighted {
    @apply bg-violet-100 text-violet-800;
  }
  
  .choices__input--cloned {
    @apply text-lg;
  }
  
  .choices__placeholder {
    @apply text-gray-500;
  }
}