/* Override des styles pour les badges */
.badge {
  background-color: var(--primary-color) !important;
  color: #fff !important;
}

/* S'assurer que tous les types de badges utilisent la couleur primaire */
.badge-primary,
.badge-secondary,
.badge-success,
.badge-danger,
.badge-warning,
.badge-info,
.badge-light,
.badge-dark {
  background-color: var(--primary-color) !important;
  color: #fff !important;
}

/* Également pour les badges Bootstrap 5 */
.bg-primary,
.bg-secondary,
.bg-success,
.bg-danger,
.bg-warning,
.bg-info,
.bg-light,
.bg-dark {
  background-color: var(--primary-color) !important;
  color: #fff !important;
}

/* Override des styles pour les boutons */
.btn-primary {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: #fff !important;
}

.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active {
  background-color: var(--primary-color-hover, var(--primary-color)) !important;
  border-color: var(--primary-color-hover, var(--primary-color)) !important;
  color: #fff !important;
}

/* S'assurer que tous les types de boutons utilisent la couleur primaire */
.btn-secondary,
.btn-success,
.btn-danger,
.btn-warning,
.btn-info,
.btn-light,
.btn-dark {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: #fff !important;
}

.btn-secondary:hover, 
.btn-success:hover, 
.btn-danger:hover, 
.btn-warning:hover, 
.btn-info:hover, 
.btn-light:hover, 
.btn-dark:hover,
.btn-secondary:focus, 
.btn-success:focus, 
.btn-danger:focus, 
.btn-warning:focus, 
.btn-info:focus, 
.btn-light:focus, 
.btn-dark:focus,
.btn-secondary:active, 
.btn-success:active, 
.btn-danger:active, 
.btn-warning:active, 
.btn-info:active, 
.btn-light:active, 
.btn-dark:active {
  background-color: var(--primary-color-hover, var(--primary-color)) !important;
  border-color: var(--primary-color-hover, var(--primary-color)) !important;
  color: #fff !important;
}

/* Style pour les boutons outline */
.btn-outline-primary {
  color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
  background-color: var(--primary-color) !important;
  color: #fff !important;
}

.btn-outline-secondary,
.btn-outline-success,
.btn-outline-danger,
.btn-outline-warning,
.btn-outline-info,
.btn-outline-light,
.btn-outline-dark {
  color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

.btn-outline-secondary:hover,
.btn-outline-success:hover,
.btn-outline-danger:hover,
.btn-outline-warning:hover,
.btn-outline-info:hover,
.btn-outline-light:hover,
.btn-outline-dark:hover,
.btn-outline-secondary:focus,
.btn-outline-success:focus,
.btn-outline-danger:focus,
.btn-outline-warning:focus,
.btn-outline-info:focus,
.btn-outline-light:focus,
.btn-outline-dark:focus,
.btn-outline-secondary:active,
.btn-outline-success:active,
.btn-outline-danger:active,
.btn-outline-warning:active,
.btn-outline-info:active,
.btn-outline-light:active,
.btn-outline-dark:active {
  background-color: var(--primary-color) !important;
  color: #fff !important;
}

/* Override des styles pour les cartes mises en avant */
.card-featured {
  background-color: var(--primary-color) !important;
  color: #fff !important;
}

.card-featured .card-title,
.card-featured .card-text,
.card-featured a:not(.btn),
.card-featured h1,
.card-featured h2,
.card-featured h3,
.card-featured h4,
.card-featured h5,
.card-featured h6,
.card-featured p,
.card-featured span {
  color: #fff !important;
}

.card-featured-alt {
  border-color: var(--primary-color) !important;
  background-color: rgba(var(--primary-rgb, 0, 0, 0), 0.1) !important;
}

.card-featured-alt .card-title,
.card-featured-alt a:not(.btn) {
  color: var(--primary-color) !important;
}

/* Bordure des cartes */
.card.border-primary {
  border-color: var(--primary-color) !important;
}

/* Header des cartes */
.card-header-primary {
  background-color: var(--primary-color) !important;
  color: #fff !important;
}

/* Bande latérale des cartes */
.card.border-start-primary {
  border-left-color: var(--primary-color) !important;
  border-left-width: 3px !important;
}

/* Bouton de retour en haut de page */
.back-top,
.back-top-show {
  background-color: var(--primary-color) !important;
  color: #fff !important;
}

.back-top:hover,
.back-top:focus,
.back-top-show:hover,
.back-top-show:focus {
  background-color: var(--primary-color-hover, var(--primary-color)) !important;
  color: #fff !important;
}

/* Utiliser la couleur primaire pour les liens de navigation actifs */
.nav-link.active {
  color: var(--primary-color) !important;
}

/* Appliquer la couleur primaire au pseudo-élément ::before des liens de navigation actifs */
.nav-link.active::before {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

/* Ajouter également la couleur d'arrière-plan pour le breadcrumb actif */
.breadcrumb-item.active {
  color: var(--primary-color) !important;
}

/* Appliquer la couleur primaire aux éléments de menu déroulant */
.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item:active,
.dropdown-item.active {
  background-color: var(--primary-color) !important;
  color: #fff !important;
}

/* Style pour le texte des dropdown-item actifs sans survol */
.dropdown-item.active {
  background-color: var(--primary-color) !important;
}