/**
 * Roadloisirs — Surcharges Bootstrap
 *
 * Source unique pour tous les remplacements Bootstrap :
 *   1. Variables :root — mappe les tokens RL sur les variables BS globales
 *   2. Sélecteurs composants — écrase les valeurs #0d6efd codées en dur par Hummingbird
 *
 * Règle : toute variable --bs-* appartient ici, jamais dans tokens.css.
 */

/* ============================================================
   VARIABLES :root — mapping tokens Roadloisirs → Bootstrap
   ============================================================ */

:root {
  --bs-primary:            var(--rl-orange-fonce);      /* couleur d'action : CTA, boutons */
  --bs-primary-rgb:        232, 96, 28;
  --bs-body-font-family:   var(--rl-font-primary);
  --bs-body-color:         var(--rl-bleu-fonce);  /* couleur structurelle : texte, icônes */
  --bs-body-bg:            var(--rl-blanc);
  --bs-border-radius:      var(--rl-border-radius);
  --bs-border-color:       var(--rl-bleu-fonce-20);
  --bs-link-color:         var(--rl-bleu-fonce);
  --bs-link-hover-color:   var(--rl-orange);
  --bs-focus-ring-color:   var(--rl-bleu-fonce-20);
}

/* ============================================================
   BOUTONS
   ============================================================ */

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--rl-orange);
  --bs-btn-border-color: var(--rl-orange);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--rl-orange-hover);
  --bs-btn-hover-border-color: var(--rl-orange-hover);
  --bs-btn-focus-shadow-rgb: 232, 96, 28;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--rl-orange-hover);
  --bs-btn-active-border-color: var(--rl-orange-hover);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--rl-orange);
  --bs-btn-disabled-border-color: var(--rl-orange);
}

.btn-outline-primary {
  --bs-btn-color: var(--rl-orange);
  --bs-btn-border-color: var(--rl-orange);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--rl-orange);
  --bs-btn-hover-border-color: var(--rl-orange);
  --bs-btn-focus-shadow-rgb: 232, 96, 28;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--rl-orange);
  --bs-btn-active-border-color: var(--rl-orange);
  --bs-btn-disabled-color: var(--rl-orange);
  --bs-btn-disabled-border-color: var(--rl-orange);
}

/* ============================================================
   FORMULAIRES — focus & checkbox
   ============================================================ */

.form-control:focus,
.form-select:focus {
  border-color: var(--rl-bleu-fonce);
  box-shadow: 0 0 0 0.25rem var(--rl-bleu-fonce-20);
}

.form-check-input:checked {
  background-color: var(--rl-bleu-fonce);
  border-color: var(--rl-bleu-fonce);
}

.form-check-input:focus {
  border-color: var(--rl-bleu-fonce);
  box-shadow: 0 0 0 0.25rem var(--rl-bleu-fonce-20);
}

/* ============================================================
   PAGINATION
   ============================================================ */

.pagination {
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem var(--rl-bleu-fonce-20);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: var(--rl-bleu-fonce);
  --bs-pagination-active-border-color: var(--rl-bleu-fonce);
}

/* ============================================================
   NAV PILLS
   ============================================================ */

.nav-pills {
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: var(--rl-bleu-fonce);
}

/* ============================================================
   LIST GROUP
   ============================================================ */

.list-group {
  --bs-list-group-active-color: #fff;
  --bs-list-group-active-bg: var(--rl-bleu-fonce);
  --bs-list-group-active-border-color: var(--rl-bleu-fonce);
}

/* ============================================================
   DROPDOWN
   ============================================================ */

.dropdown-menu-dark {
  --bs-dropdown-link-active-bg: var(--rl-bleu-fonce);
}

/* ============================================================
   PROGRESS BAR
   ============================================================ */

.progress-bar,
.progress-stacked {
  --bs-progress-bar-bg: var(--rl-bleu-fonce);
}

/* ============================================================
   SÉLECTION PRODUIT (.selected — utilisé dans PS pour les attributs)
   ============================================================ */

.selected {
  border-color: var(--rl-bleu-fonce) !important;
}

/* ============================================================
   LIENS — lien actif / focus Bootstrap
   ============================================================ */

a:focus-visible {
  outline-color: var(--rl-bleu-fonce);
}

/* ============================================================
   BADGES et backgrounds primaires
   ============================================================ */

.bg-primary {
  background-color: var(--rl-orange) !important;
}

.text-primary {
  color: var(--rl-orange) !important;
}

.border-primary {
  border-color: var(--rl-orange) !important;
}