/* ============================================================
   bootstrap-bridge.css
   Aligne Bootstrap 5 (déjà chargé sur le site) sur les tokens du thème.
   Chargé APRÈS Bootstrap, AVANT theme.css.
   ============================================================ */

:root {
  --bs-body-font-family: var(--sans);
  --bs-body-color: var(--ink);
  --bs-body-bg: var(--paper);
  --bs-link-color: var(--ink);
  --bs-link-hover-color: var(--accent);
  --bs-primary: var(--accent);
  --bs-border-color: rgba(51, 51, 51, 0.14);
}

/* Le conteneur Bootstrap suit la grille sur-mesure : 1440 + padding 48 */
.container,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl,
.container-fluid {
  max-width: var(--content-max);
  padding-inline: var(--content-pad);
}
@media (max-width: 768px) {
  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl,
  .container-xxl,
  .container-fluid {
    padding-inline: var(--content-pad-mobile);
  }
}

/* Neutralise le style visuel des cartes/boutons BS : le rendu vient de theme.css.
   theme.css étant chargé après, ses règles `.btn` reprennent la main ; on remet
   simplement les variables BS à des valeurs neutres pour éviter tout reliquat. */
.btn {
  --bs-btn-padding-x: 0;
  --bs-btn-padding-y: 0;
  --bs-btn-border-radius: 0;
  --bs-btn-font-family: var(--sans);
  --bs-btn-box-shadow: none;
}

/* Bootstrap reboot met une marge basse sur p/h* — on la neutralise, le thème gère. */
.tirage-page p { margin-top: 0; }