/* =========================================================
   BOOTSTRAP OVERRIDES
   Neutralise les couleurs Bootstrap par défaut (#0d6efd) qui
   persistent sur certains composants malgré le thème custom :
   boutons outline, pagination, checkbox/radio, accordéons.
   À terme, ces valeurs devraient plutôt être surchargées via
   les variables SASS Bootstrap ($primary) au moment du build,
   mais en attendant un pipeline SCSS ce fichier corrige le
   rendu au niveau CSS.
   ========================================================= */

/* Boutons outline */
.btn-outline-primary{
  --bs-btn-color: var(--primary);
  --bs-btn-border-color: var(--primary);
  --bs-btn-hover-bg: var(--primary);
  --bs-btn-hover-border-color: var(--primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-active-bg: var(--primary-dark);
  --bs-btn-active-border-color: var(--primary-dark);
}
.btn-outline-light{
  --bs-btn-color: #fff;
  --bs-btn-border-color: #fff;
  --bs-btn-hover-color: var(--primary);
  --bs-btn-hover-bg: #fff;
}

/* Pagination */
.pagination{
  --bs-pagination-active-bg: var(--primary);
  --bs-pagination-active-border-color: var(--primary);
  --bs-pagination-color: var(--primary);
  --bs-pagination-hover-color: var(--primary-dark);
  --bs-pagination-focus-color: var(--primary-dark);
  --bs-pagination-focus-box-shadow: 0 0 0 .25rem rgba(0,60,121,.25);
}

/* Checkbox / radio */
.form-check-input:checked{
  background-color: var(--primary);
  border-color: var(--primary);
}
.form-check-input:focus{
  border-color: var(--primary);
  box-shadow: 0 0 0 .25rem rgba(0,60,121,.25);
}

/* Accordéons (FAQ etc.) */
.accordion-button:not(.collapsed){
  color: var(--primary);
  background-color: var(--info-bg);
}
.accordion-button:focus{
  border-color: var(--primary);
  box-shadow: 0 0 0 .25rem rgba(0,60,121,.25);
}
.accordion-button::after{
  filter: none;
}
.accordion-button,
.accordion-button:hover {
  text-decoration: none;
}

.accordion-button::after{
  filter: none;
}

.accordion-button,
.accordion-button:hover,
.accordion-button:focus {
  text-decoration: none;
}
/* Grille flexible pour la région "footer_top" (remplace le .row.g-4 > .col-md-4 en dur du prototype) */
.footer-top-columns{
  display:flex;
  flex-wrap:wrap;
  gap:2rem;
}
.footer-top-columns > *{
  flex:1 1 260px;
  min-width:0;
}

/* Liens et éléments actifs génériques */
a{ color: var(--primary); }
a:hover{ color: var(--primary-dark); }

/* Focus visible sur les cartes utilisant stretched-link
   (gap d'accessibilité identifié : le focus clavier n'était
   pas visible car il porte sur le <a> caché en overlay). */
.card{
  position: relative;
}
.card:has(a.stretched-link:focus-visible){
  outline: 3px solid var(--focus-color);
  outline-offset: 2px;
}
/* Repli pour navigateurs sans :has() : focus visible directement sur le lien */
a.stretched-link:focus-visible{
  outline: 3px solid var(--focus-color);
  outline-offset: 2px;
}

/* Neutralise le soulignement stylé d'Olivero (box-shadow) sur les boutons
   Bootstrap — Olivero exclut la classe ".button", pas ".btn" utilisée par
   Bootstrap, donc ses liens stylés "fuitent" sur nos boutons dans le
   contenu riche (CKEditor / .text-content). */
.text-content a.btn,
.cke_editable a.btn {
  box-shadow: none;
  text-decoration: none;
}

/* Force la couleur du texte au survol sur les boutons outline —
   la règle générale "a:hover { color: ... }" plus haut dans ce
   fichier entre en conflit avec la variable Bootstrap --bs-btn-hover-color. */
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
  color: #fff !important;
}