/* ============================================
   VARIABLES GLOBALES
   ============================================ */
:root,
[data-bs-theme="light"],
[data-bs-theme="dark"] {
  --bs-link-color: var(--bs-primary);
  --bs-link-color-rgb: var(--bs-primary-rgb);
  --bs-focus-ring-color: rgba(var(--bs-primary-rgb), 0.25);
  --bs-focus-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}

/* ============================================
   IMAGES RESPONSIVES
   ============================================ */
img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* ============================================
   FORMULAIRES
   ============================================ */

/* États focus pour les champs de formulaire */
.form-control:focus,
.form-select:focus,
.form-check-input:focus {
  border-color: var(--bs-primary-border-subtle);
  box-shadow: var(--bs-focus-shadow);
  outline: none;
}

/* Cases à cocher et boutons radio */
.form-check-input:checked,
.form-check-input[type="checkbox"]:indeterminate {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

/* Interrupteurs (switches) */
.form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23adb5bd'/%3e%3c/svg%3e");
}

/* Curseurs de plage (range) */
.form-range:focus::-webkit-slider-thumb,
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, var(--bs-focus-shadow);
}

.form-range::-webkit-slider-thumb,
.form-range::-moz-range-thumb {
  background-color: var(--bs-primary);
  cursor: pointer;
  transition: background-color 0.15s ease-in-out;
}

.form-range::-webkit-slider-thumb:active,
.form-range::-moz-range-thumb:active {
  background-color: var(--bs-primary-bg-subtle);
}

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

/* Bouton primaire */
.btn-primary {
  --bs-btn-color: var(--bs-primary-color-contrast);
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-color: var(--bs-primary-color-contrast);
  --bs-btn-hover-bg: var(--bs-btn-primary-hover-bg);
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-focus-shadow-rgb: var(--bs-btn-primary-focus-shadow-rgb);
  --bs-btn-active-color: var(--bs-primary-color-contrast);
  --bs-btn-active-bg: var(--bs-btn-primary-active-bg);
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-disabled-color: var(--bs-primary-color-contrast);
  --bs-btn-disabled-bg: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
}

/* Bouton primaire outline */
.btn-outline-primary {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-color: var(--bs-primary-color-contrast);
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
  --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
  --bs-btn-active-color: var(--bs-primary-color-contrast);
  --bs-btn-active-bg: var(--bs-primary);
  --bs-btn-active-border-color: var(--bs-primary);
  --bs-btn-disabled-color: var(--bs-primary);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bs-primary);
}

/* Bouton lien */
.btn-link {
  --bs-btn-focus-shadow-rgb: var(--bs-btn-primary-focus-shadow-rgb);
}

/* Bouton de fermeture */
.btn-close {
  --bs-btn-close-focus-shadow: var(--bs-focus-shadow);
}

/* ============================================
   NAVIGATION
   ============================================ */

/* Menus déroulants */
.dropdown-menu,
.dropdown-menu-dark {
  --bs-dropdown-link-active-bg: var(--bs-primary);
}

/* Liens de navigation */
.nav-link:focus-visible {
  box-shadow: var(--bs-focus-shadow);
  outline: none;
}

/* Pills de navigation */
.nav-pills {
  --bs-nav-pills-link-active-bg: var(--bs-primary);
}

/* ============================================
   COMPOSANTS
   ============================================ */

/* Accordéons */
.accordion {
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-border-color: var(--bs-primary-border-subtle);
  --bs-accordion-btn-focus-box-shadow: var(--bs-focus-shadow);
}

/* Accordéons en mode sombre */
[data-bs-theme="dark"] .accordion {
  --bs-accordion-active-color: #fff;
}

[data-bs-theme="dark"] .accordion-button::after {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

/* Pagination */
.pagination {
  --bs-pagination-focus-box-shadow: var(--bs-focus-shadow);
  --bs-pagination-active-bg: var(--bs-primary);
  --bs-pagination-active-border-color: var(--bs-primary);
}

/* Barres de progression */
.progress,
.progress-stacked {
  --bs-progress-bar-bg: var(--bs-primary);
}

/* Groupes de listes */
.list-group {
  --bs-list-group-active-bg: var(--bs-primary);
  --bs-list-group-active-border-color: var(--bs-primary);
}

/* ============================================
   UTILITAIRES
   ============================================ */

/* Texte avec arrière-plan primaire */
.text-bg-primary {
  color: var(--bs-primary-color-contrast) !important;
  background-color: var(--bs-primary) !important;
}

/* Liens primaires */
.link-primary {
  color: var(--bs-primary) !important;
  text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
  transition: color 0.15s ease-in-out, text-decoration-color 0.15s ease-in-out;
}

.link-primary:hover,
.link-primary:focus {
  color: rgba(104, 232, 53, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: rgba(104, 232, 53, var(--bs-link-underline-opacity, 1)) !important;
}

/* ============================================
   AMÉLIORATIONS D'ACCESSIBILITÉ
   ============================================ */

/* Amélioration du focus visible pour tous les éléments interactifs */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid var(--bs-primary);
  outline-offset: 2px;
}

/* Réduction des animations pour les utilisateurs qui le préfèrent */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}