/* Surcouche de style moderne pour l’application (2025)
   Ce fichier surcharge certains styles définis dans styles.css afin de
   moderniser l’apparence des boutons et des champs. Il doit être
   référencé après styles.css dans index.html pour prendre effet.
*/

/* Boutons de la barre d’outils */
#header button {
  background-color: #1976d2;
  color: #ffffff;
  border: none;
  border-radius: 6px;
  padding: 0.5rem 1rem;
  font-size: 0.9rem;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
}
#header button:hover,
#header button:focus {
  background-color: #155a9b;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
  cursor: pointer;
}

/* Champ de recherche modernisé */
#header input[type="text"] {
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 0.5rem 0.8rem;
  font-size: 0.9rem;
  flex: 1 1 200px;
  min-width: 200px;
}

/* Bouton du champ de recherche */
.search-container button {
  background-color: #1976d2;
  color: #ffffff;
  border: none;
  border-radius: 6px;
  padding: 0.5rem 1rem;
  font-size: 0.9rem;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
}
.search-container button:hover,
.search-container button:focus {
  background-color: #155a9b;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
  cursor: pointer;
}

/* Boutons dans les modales */
.modal-actions button {
  border: none;
  border-radius: 6px;
  padding: 0.4rem 0.9rem;
  font-size: 0.9rem;
  color: #ffffff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.modal-actions button[type="submit"] {
  background-color: #1976d2;
}
.modal-actions button[id*="close"] {
  background-color: #6c757d;
}
.modal-actions button:hover,
.modal-actions button:focus {
  opacity: 0.9;
  cursor: pointer;
}

/* Personnalisation : appliquer le style primaire aux nouveaux boutons */
.modal-actions #applyCustomBtn {
  background-color: #1976d2;
}
.modal-actions #applyCustomBtn:hover,
.modal-actions #applyCustomBtn:focus {
  opacity: 0.9;
  cursor: pointer;
}
.modal-actions #closeCustomBtn {
  background-color: #6c757d;
}