/* Entry point for your PostCSS build */
@import './blog.css';
@import "./terms.css";
@import "./pagy.tailwind.css";
@tailwind base;
@tailwind components;
@tailwind utilities;

/* Custom styles for lactation consultants directory */
.lactation-consultants-directory {
  @apply container mx-auto p-4;
}

.lactation-consultants-directory .consultant-card {
  @apply flex items-center p-4 border-b border-gray-200;
}

.lactation-consultants-directory .consultant-card .icon {
  @apply flex-shrink-0;
}

.lactation-consultants-directory .consultant-card .details {
  @apply ml-4;
}

.lactation-consultants-directory .consultant-card .details .name {
  @apply text-lg font-medium text-gray-900;
}

.lactation-consultants-directory .consultant-card .details .practice-areas {
  @apply text-sm text-gray-500;
}

.lactation-consultants-directory .pagination {
  @apply mt-4;
}

/* Shadcn styles */
.shadcn-card {
  @apply bg-white shadow-md rounded-lg p-6;
}

.shadcn-card-header {
  @apply text-2xl font-semibold text-gray-800;
}

.shadcn-card-body {
  @apply mt-4 text-gray-600;
}

.shadcn-card-footer {
  @apply mt-6 flex justify-end;
}

.shadcn-button {
  @apply bg-blue-500 text-white font-bold py-2 px-4 rounded;
}

.shadcn-button:hover {
  @apply bg-blue-600;
}