/* Styles personnalisés pour Air Datepicker inline calendar */

/* Conteneur principal */
.air-datepicker {
  --adp-width: 100%;
  --adp-font-family: inherit;
  --adp-font-size: 14px;
  --adp-color: var(--color-gray-700, #374151);
  --adp-color-secondary: var(--color-gray-500, #6b7280);
  --adp-accent-color: var(--color-sz-primary-500, #3b82f6);
  --adp-color-current-date: var(--color-sz-primary-600, #3575dd);
  --adp-background-color: #ffffff;
  --adp-background-color-in-range: var(--color-sz-primary-50, #f5f9ff);
  --adp-background-color-selected-other-month-focused: var(--color-sz-primary-100, #ebf3fe);
  --adp-border-color: var(--color-gray-200, #e5e7eb);
  --adp-border-radius: 0.5rem;
  --adp-border-color-inner: var(--color-gray-100, #f3f4f6);
  --adp-cell-border-radius: 0.375rem;
  --adp-nav-arrow-color: var(--color-gray-500, #6b7280);
  --adp-nav-color-secondary: var(--color-gray-500, #6b7280);
  --adp-day-name-color: var(--color-gray-500, #6b7280);
  --adp-btn-color: var(--color-gray-700, #374151);
  --adp-btn-color-hover: var(--color-sz-primary-600, #3575dd);
  box-shadow: none;
}

.air-datepicker-global-container {
  z-index: 50;
}

/* Calendrier inline */
.air-datepicker.-inline- {
  border: 1px solid var(--color-gray-200, #e5e7eb);
  border-radius: 0.5rem;
  width: 100%;
}

/* Navigation */
.air-datepicker-nav {
  border-bottom: 1px solid var(--color-gray-100, #f3f4f6);
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
}

.air-datepicker-nav--title {
  font-weight: 600;
  color: var(--color-gray-900, #111827);
}

.air-datepicker-nav--action:hover {
  background-color: var(--color-gray-100, #f3f4f6);
  border-radius: 0.5rem;
}

/* Jours de la semaine */
.air-datepicker-body--day-names {
  font-size: 0.75rem;
  text-transform: uppercase;
  font-weight: 500;
}

/* Cellules des jours */
.air-datepicker-cell {
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
}

.air-datepicker-cell.-day-:hover {
  background-color: var(--color-gray-100, #f3f4f6);
}

.air-datepicker-cell.-current- {
  color: var(--color-sz-primary-600, #3575dd);
  font-weight: 600;
}

.air-datepicker-cell.-selected- {
  background-color: var(--color-sz-primary-500, #3b82f6);
  color: white;
}

.air-datepicker-cell.-selected-:hover {
  background-color: var(--color-sz-primary-600, #3575dd);
}

.air-datepicker-cell.-in-range- {
  background-color: var(--color-sz-primary-50, #f5f9ff);
}

.air-datepicker-cell.-other-month- {
  color: var(--color-gray-400, #9ca3af);
}

.air-datepicker-cell.-disabled- {
  color: var(--color-gray-300, #d1d5db);
  cursor: not-allowed;
}

/* Calendrier compact pour la sidebar agenda */
.calendar-compact .air-datepicker {
  --adp-font-size: 12px;
  --adp-cell-size: 28px;
  --adp-nav-height: 32px;
  --adp-nav-action-size: 28px;
}

.calendar-compact .air-datepicker-nav {
  padding-bottom: 0.25rem;
  margin-bottom: 0.25rem;
}

.calendar-compact .air-datepicker-nav--title {
  font-size: 0.75rem;
}

.calendar-compact .air-datepicker-body--day-names {
  font-size: 0.625rem;
}

.calendar-compact .air-datepicker-body {
  padding: 0.25rem;
}

.calendar-compact .air-datepicker-cell {
  font-size: 0.75rem;
  height: 28px;
  min-height: 28px;
}
