/* Boutons personnalisés - Noir ou Blanc uniquement, Full Radius */

/* Override tous les boutons pour full radius et supprimer les effets */
.btn,
.btn-primary,
.btn-secondary,
.btn-white,
.btn-transparent {
  border-radius: 9999px !important;
  transform: none !important;
  scale: 1 !important;
}

/* Supprimer tous les effets de scale et transform */
.btn:hover,
.btn-primary:hover,
.btn-secondary:hover,
.btn-white:hover,
.btn-transparent:hover,
.btn:active,
.btn-primary:active,
.btn-secondary:active,
.btn-white:active,
.btn-transparent:active {
  transform: none !important;
  scale: 1 !important;
}

/* Bouton primary - Light mode: Noir avec texte blanc */
.btn-primary {
  background-color: #1b232f !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
  transform: none !important;
  transition: background-color 0.2s ease !important;
}

.btn-primary:hover {
  background-color: rgba(27, 35, 47, 0.85) !important;
  box-shadow: none !important;
  transform: none !important;
}

.btn-primary:active {
  transform: none !important;
}

.btn-primary:focus {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(27, 35, 47, 0.3) !important;
}

/* Bouton primary - Dark mode: Blanc avec texte noir */
.dark .btn-primary {
  background-color: #ffffff !important;
  color: #1b232f !important;
}

.dark .btn-primary:hover {
  background-color: rgba(255, 255, 255, 0.85) !important;
  transform: none !important;
}

.dark .btn-primary:active {
  transform: none !important;
}

.dark .btn-primary:focus {
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3) !important;
}

/* Bouton secondary - Light mode: Bordure noire avec texte noir */
.btn-secondary {
  background-color: transparent !important;
  color: #1b232f !important;
  border: 1px solid #1b232f !important;
  box-shadow: none !important;
  transform: none !important;
  transition: background-color 0.2s ease !important;
}

.btn-secondary:hover {
  background-color: rgba(27, 35, 47, 0.08) !important;
  border-color: #1b232f !important;
  box-shadow: none !important;
  transform: none !important;
}

.btn-secondary:active {
  transform: none !important;
}

.btn-secondary:focus {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(27, 35, 47, 0.2) !important;
}

/* Bouton secondary - Dark mode: Bordure blanche avec texte blanc */
.dark .btn-secondary,
.dark .btn-transparent {
  background-color: transparent !important;
  color: #ffffff !important;
  border: 1px solid #ffffff !important;
  transform: none !important;
  transition: background-color 0.2s ease !important;
}

.dark .btn-secondary:hover,
.dark .btn-transparent:hover {
  background-color: rgba(255, 255, 255, 0.08) !important;
  border-color: #ffffff !important;
  transform: none !important;
}

.dark .btn-secondary:active,
.dark .btn-transparent:active {
  transform: none !important;
}

.dark .btn-secondary:focus,
.dark .btn-transparent:focus {
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.2) !important;
}

/* Bouton white - Light mode: Blanc avec texte noir */
.btn-white {
  background-color: #ffffff !important;
  color: #1b232f !important;
  border: none !important;
  box-shadow: none !important;
  transform: none !important;
  transition: background-color 0.2s ease !important;
}

.btn-white:hover {
  background-color: rgba(255, 255, 255, 0.85) !important;
  box-shadow: none !important;
  transform: none !important;
}

.btn-white:active {
  transform: none !important;
}

.btn-white:focus {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3) !important;
}

/* Bouton white - Dark mode: Blanc avec texte noir */
.dark .btn-white {
  background-color: #ffffff !important;
  color: #1b232f !important;
}

.dark .btn-white:hover {
  background-color: rgba(255, 255, 255, 0.85) !important;
  transform: none !important;
}

.dark .btn-white:active {
  transform: none !important;
}

.dark .btn-white:focus {
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3) !important;
}

/* Supprimer toutes les couleurs primaires (rose) */
.btn-primary,
.btn-secondary,
.btn-white,
.btn-transparent {
  --tw-ring-color: transparent !important;
}

/* S'assurer que le texte est toujours visible */
.btn span,
.btn-primary span,
.btn-secondary span,
.btn-white span,
.btn-transparent span {
  color: inherit !important;
}