/* theme-artsynonyme.css
   Surcharge la couleur "primary" de Bootstrap (bleu #0d6efd par défaut)
   par le bleu marine de la marque ARTsynonyme, pour que tous les boutons,
   liens et accents utilisant les classes Bootstrap standard (btn-primary,
   btn-outline-primary, text-primary, bg-primary, etc.) suivent la même
   identité visuelle plutôt que le bleu Bootstrap générique.
   À inclure APRES bootstrap.min.css sur les pages publiques. */

:root {
  --bs-primary: #133b63;
  --bs-primary-rgb: 19, 59, 99;
  --as-primary-hover: #0d2847;
}

/* Fond bleu marine pour la barre de navigation (logo, recherche, dropdowns) */
.bg-nav-artsynonyme {
  background-color: #133b63 !important;
}

/* Boutons pleins */
.btn-primary {
  background-color: #133b63;
  border-color: #133b63;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-check:checked + .btn-primary {
  background-color: #0d2847 !important;
  border-color: #0d2847 !important;
}

/* Boutons contour */
.btn-outline-primary {
  color: #133b63;
  border-color: #133b63;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active {
  background-color: #133b63 !important;
  border-color: #133b63 !important;
  color: #fff !important;
}

/* Textes, liens, bordures, fonds "primary" */
.text-primary { color: #133b63 !important; }
.bg-primary { background-color: #133b63 !important; }
.border-primary { border-color: #133b63 !important; }
.link-primary {
  color: #133b63 !important;
  text-decoration-color: rgba(19, 59, 99, .5) !important;
}
.link-primary:hover,
.link-primary:focus {
  color: #0d2847 !important;
  text-decoration-color: rgba(13, 40, 71, .75) !important;
}

/* Dropdowns, pagination, form focus ring */
.dropdown-item.active,
.dropdown-item:active {
  background-color: #133b63 !important;
}
.page-link {
  color: #133b63;
}
.page-item.active .page-link {
  background-color: #133b63;
  border-color: #133b63;
}
.form-control:focus,
.form-select:focus {
  border-color: #133b63;
  box-shadow: 0 0 0 .25rem rgba(19, 59, 99, .25);
}

/* Cases à cocher / radios */
.form-check-input:checked {
  background-color: #133b63;
  border-color: #133b63;
}
.form-check-input:focus {
  border-color: #133b63;
  box-shadow: 0 0 0 .25rem rgba(19, 59, 99, .25);
}