.navbar--hidden {
  transform: translateY(-100%);
}

/* Styles pour le drag & drop */
.sortable-chosen {
  opacity: 0.5 !important;
}

.sortable-ghost {
  background-color: rgba(59, 130, 246, 0.1) !important;
  border: 2px dashed rgb(59, 130, 246) !important;
}

/* Pendant le drag, masquer les liens de création de rendez-vous */
body.sortable-dragging .drag-create-link {
  pointer-events: none !important;
  opacity: 0 !important;
}

/* Améliorer la visibilité des zones de drop */
.time-slot.bg-green-100 {
  background-color: rgba(34, 197, 94, 0.4) !important;
  border: 2px solid rgb(34, 197, 94) !important;
  border-radius: 4px !important;
  z-index: 20 !important;
}

.time-slot.bg-red-100 {
  background-color: rgba(239, 68, 68, 0.4) !important;
  border: 2px solid rgb(239, 68, 68) !important;
  border-radius: 4px !important;
  z-index: 20 !important;
}

.time-slot.border-green-300 {
  border-color: rgb(34, 197, 94) !important;
}

.time-slot.border-red-300 {
  border-color: rgb(239, 68, 68) !important;
}

/* Styles pour le scroll horizontal */
.schedule-horizontal-scroll {
  scrollbar-width: thin;
  scrollbar-color: #d1d5db #f3f4f6;
}

.schedule-horizontal-scroll::-webkit-scrollbar {
  height: 8px;
}

.schedule-horizontal-scroll::-webkit-scrollbar-track {
  background: #f3f4f6;
  border-radius: 4px;
}

.schedule-horizontal-scroll::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 4px;
}

.schedule-horizontal-scroll::-webkit-scrollbar-thumb:hover {
  background: #9ca3af;
}

/* Assurer que le scroll vertical fonctionne correctement */
.schedule-content-scroll {
  min-height: calc(100vh - 148px);
  /* Utiliser min-height au lieu de height pour permettre l'extension */
  height: calc(100vh - 148px);
  /* Garder height pour le fallback */
  overflow-y: auto;
  display: flex !important;
  flex-direction: column !important;
}

/* Forcer la structure unifiée à prendre toute la hauteur */
.schedule-unified-structure {
  flex: 1 !important;
}

/* Ajustement de la hauteur du scroll quand la navbar est masquée */
.navbar--hidden~main .schedule-content-scroll,
body.navbar--hidden .schedule-content-scroll {
  min-height: calc(100vh - 74px) !important;
  height: calc(100vh - 74px) !important;
}

/* Ajustement de la structure unifiée quand la navbar est masquée */
.navbar--hidden~main .schedule-unified-structure,
body.navbar--hidden .schedule-unified-structure {
  flex: 1 !important;
}

/* Forcer la zone principale à utiliser toute la hauteur disponible */
.schedule-main-zone {
  min-height: 100%;
}

/* Colonnes avec largeur fixe pour un scroll horizontal fluide */
.schedule-column {
  min-width: 140px;
  width: 140px;
  flex-shrink: 0;
}

/* S'assurer que les boutons de pagination ont la bonne hauteur */
.pagination-button-container {
  min-height: 64px !important;
  height: 64px !important;
  box-sizing: border-box;
}

/* S'assurer que les containers des boutons de pagination ont la même hauteur que les en-têtes */
.pagination-container {
  min-height: 64px !important;
  height: 100% !important;
  /* Forcer la hauteur complète pour s'étendre jusqu'en bas */
}

/* Ajustement dynamique du padding quand la navbar est masquée */
.navbar--hidden~main .navbar-aware-container,
body.navbar--hidden .navbar-aware-container {
  padding-top: 0 !important;
}