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

@layer components {
  /* Toolbar responsive */
  .fc-header-toolbar {
    @apply flex flex-wrap sm:flex-row sm:items-center sm:justify-between gap-2 !important;
  }

  /* Titre compact */
  .fc-toolbar-title {
    font-size: 0.75rem !important;   /* ≈12px */
    line-height: 1rem !important;
    white-space: nowrap !important;  /* évite retour à la ligne */
  }

  /* Boutons FullCalendar */
  .fc .fc-button {
    font-size: 0.65rem !important;   /* ≈10px */
    padding: 2px 6px !important;
    margin: 0 3px !important;        /* espace entre boutons */
    border-radius: 0.25rem !important;
    background-color: #2563eb !important; /* Tailwind blue-600 */
    color: white !important;
  }

  /* Bouton actif */
  .fc .fc-button.fc-button-active {
    background-color: #1e40af !important; /* Tailwind blue-800 */
  }

  /* Forcer les boutons à aller à la ligne si trop étroits */
  .fc-button-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
  }

  /* Header des jours */
  .fc-col-header-cell {
    font-size: 0.65rem !important;
  }

  /* Événements */
  .fc-event {
    font-size: 0.65rem !important;
    padding: 1px 2px !important;
    border-radius: 0.25rem !important;
    background-color: #bfdbfe !important; /* blue-200 */
    color: #1e3a8a !important;            /* blue-900 */
  }
}