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

/* Stili personalizzati per il calendario */
.simple-calendar {
  @apply mb-6;
  
  .calendar-heading {
    @apply mb-4 text-center;
    
    a {
      @apply text-blue-600 hover:text-blue-800;
    }
    
    .calendar-title {
      @apply text-xl font-bold mx-4;
    }
  }
  
  .table {
    @apply w-full table-fixed border-collapse;
  }
  
  .day {
    @apply border border-gray-200 p-2 h-24 align-top;
  }
  
  .wday-0 {
    @apply bg-gray-50;
  }
  
  .wday-6 {
    @apply bg-gray-50;
  }
  
  .today {
    @apply bg-blue-50;
  }
  
  .prev-month, .next-month {
    @apply bg-gray-100 text-gray-400;
  }
  
  .calendar-event {
    @apply cursor-pointer;
  }
}