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

/* Prevent text selection and context menus on draggable meal cells (Android/iOS) */
.meal-cell,
.meal-cell * {
  -webkit-user-select: none !important;
  user-select: none !important;
  -webkit-touch-callout: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

/* Drag & drop and scrollbar styles – colors from tailwind theme (bibado-accent, gray-300) */
.meal-cell.drag-over {
  box-shadow: 0 0 0 2px theme('colors.bibado.accent');
  background-color: theme('colors.bibado.accent / 0.1');
}
.meal-cell-empty.drag-over {
  border-color: theme('colors.bibado.accent') !important;
  background-color: theme('colors.bibado.accent / 0.15') !important;
}
.overflow-y-auto::-webkit-scrollbar-thumb {
  background-color: theme('colors.gray.300');
  border-radius: 2px;
}
.overflow-y-auto::-webkit-scrollbar {
  width: 4px;
}

/* Hide scrollbar utility */
.scrollbar-hide::-webkit-scrollbar {
  display: none;
}
.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/*

@layer components {
  .btn-primary {
    @apply py-2 px-4 bg-blue-200;
  }
}

*/