/* =========================================
   ✅ 4. BOUTONS DE NAVIGATION (Précédent/Suivant)
   ========================================= */
/* On écrase le style bleu par défaut pour matcher la charte Bleu Marine / Jaune Or */
.navigation-buttons {
  margin-top: 12px !important;
  margin-bottom: 24px !important;
}

.nav-button {
  width: 36px !important;
  height: 36px !important;
  background-color: #1a2644 !important; /* Bleu marine */
  border: none !important;
  border-radius: 8px !important; /* Plus moderne que le rond parfait */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 14px !important;
  color: #ffffff !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 2px 4px rgba(26, 38, 68, 0.2) !important;
}

.nav-button i {
  color: #ffffff !important;
  pointer-events: none !important;
}

.nav-button:hover {
  background-color: #ffcd01 !important; /* Jaune or au hover */
  color: #1a2644 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 8px rgba(255, 205, 1, 0.3) !important;
}

.nav-button:hover i {
  color: #1a2644 !important;
}