/* ================================================================
   CUSTOM.CSS - BUCH RÉCUPÉRATION
   Remplacement complet du bleu par le vert #00A651
   Préservation du bleu foncé du footer
================================================================ */

/* ================================================================
   1. VARIABLES GLOBALES
================================================================ */
:root {
  --bs-primary: #00A651 !important;
  --bs-primary-rgb: 0, 166, 81 !important;
  --green-primary: #00A651;
  --green-hover: #00914a;
  --green-active: #008544;
  --green-dark: #007a3f;
  --green-light: #d4f4e4;
  --green-border: #b8eed6;
}

/* ================================================================
   2. BOUTONS BOOTSTRAP - PRIMAIRES
================================================================ */
.btn-primary,
button.btn-primary,
a.btn-primary,
input.btn-primary {
  color: #fff !important;
  background-color: var(--green-primary) !important;
  border-color: var(--green-primary) !important;
  --bs-btn-color: #fff !important;
  --bs-btn-bg: #00A651 !important;
  --bs-btn-border-color: #00A651 !important;
  --bs-btn-hover-color: #fff !important;
  --bs-btn-hover-bg: #00914a !important;
  --bs-btn-hover-border-color: #008544 !important;
  --bs-btn-focus-shadow-rgb: 0, 166, 81 !important;
  --bs-btn-active-color: #fff !important;
  --bs-btn-active-bg: #008544 !important;
  --bs-btn-active-border-color: #007a3f !important;
}

.btn-primary:hover,
button.btn-primary:hover,
a.btn-primary:hover {
  color: #fff !important;
  background-color: var(--green-hover) !important;
  border-color: var(--green-active) !important;
}

.btn-primary:active,
.btn-primary.active,
.btn-primary:focus,
button.btn-primary:active,
a.btn-primary:active {
  color: #fff !important;
  background-color: var(--green-active) !important;
  border-color: var(--green-dark) !important;
  box-shadow: 0 0 0 0.25rem rgba(0, 166, 81, 0.5) !important;
}

/* ================================================================
   3. BOUTONS OUTLINE PRIMAIRES
================================================================ */
.btn-outline-primary {
  color: var(--green-primary) !important;
  border-color: var(--green-primary) !important;
  background-color: transparent !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
  color: #fff !important;
  background-color: var(--green-primary) !important;
  border-color: var(--green-primary) !important;
}

/* ================================================================
   4. BOUTONS PERSONNALISÉS DU THÈME
================================================================ */
.theme-btn,
a.theme-btn,
.hero-btn .theme-btn,
.primary-btn,
.main-btn,
.btn-blue,
.button-blue {
  background-color: var(--green-primary) !important;
  border-color: var(--green-primary) !important;
  color: #fff !important;
  transition: all 0.3s ease !important;
}

.theme-btn:hover,
a.theme-btn:hover,
.hero-btn .theme-btn:hover,
.primary-btn:hover,
.main-btn:hover,
.btn-blue:hover,
.button-blue:hover {
  background-color: var(--green-hover) !important;
  border-color: var(--green-active) !important;
  color: #fff !important;
  text-decoration: none !important;
}

.theme-btn:active,
.theme-btn:focus,
a.theme-btn:active,
a.theme-btn:focus {
  background-color: var(--green-active) !important;
  border-color: var(--green-dark) !important;
  color: #fff !important;
  box-shadow: 0 0 0 0.25rem rgba(0, 166, 81, 0.3) !important;
}

/* ================================================================
   5. TEXTES ET LIENS PRIMAIRES
================================================================ */
.text-primary,
h1.text-primary,
h2.text-primary,
h3.text-primary,
h4.text-primary,
h5.text-primary,
h6.text-primary,
p.text-primary,
span.text-primary,
div.text-primary,
a.text-primary {
  color: var(--green-primary) !important;
}

.link-primary,
a.link-primary {
  color: var(--green-primary) !important;
}

.link-primary:hover,
.link-primary:focus,
a.link-primary:hover,
a.link-primary:focus {
  color: var(--green-hover) !important;
}

/* ================================================================
   6. ARRIÈRE-PLANS PRIMAIRES
================================================================ */
.bg-primary,
div.bg-primary,
section.bg-primary,
.badge.bg-primary,
span.badge.bg-primary {
  background-color: var(--green-primary) !important;
  color: #fff !important;
}

/* ================================================================
   7. BORDURES PRIMAIRES
================================================================ */
.border-primary,
.border-top-primary,
.border-bottom-primary,
.border-left-primary,
.border-right-primary {
  border-color: var(--green-primary) !important;
}

/* ================================================================
   8. NAVIGATION ET MENUS
================================================================ */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link,
.navbar-nav .nav-link.active,
.nav-tabs .nav-link.active {
  background-color: var(--green-primary) !important;
  color: #fff !important;
}

.nav-pills .nav-link.active:hover,
.nav-pills .show > .nav-link:hover {
  background-color: var(--green-hover) !important;
}

/* ================================================================
   9. COMPOSANTS BOOTSTRAP
================================================================ */

/* Alertes */
.alert-primary {
  color: #004d2a !important;
  background-color: var(--green-light) !important;
  border-color: var(--green-border) !important;
}

/* Tables */
.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: var(--green-light) !important;
  color: #004d2a !important;
}

/* List groups */
.list-group-item-primary {
  color: #004d2a !important;
  background-color: var(--green-light) !important;
  border-color: var(--green-border) !important;
}

.list-group-item-primary.active {
  background-color: var(--green-primary) !important;
  border-color: var(--green-primary) !important;
  color: #fff !important;
}

/* Progress bars */
.progress-bar {
  background-color: var(--green-primary) !important;
}

/* ================================================================
   10. COULEURS SPÉCIFIQUES DU THÈME
================================================================ */

/* Éléments avec couleurs bleues en dur */
[style*="background-color: #0d6efd"],
[style*="background-color:#0d6efd"],
[style*="background: #0d6efd"],
[style*="background:#0d6efd"],
[style*="color: #0d6efd"],
[style*="color:#0d6efd"] {
  background-color: var(--green-primary) !important;
  color: var(--green-primary) !important;
}

/* Classes communes de couleurs bleues */
.blue,
.primary-color,
.accent-color,
.highlight-color {
  color: var(--green-primary) !important;
}

.bg-blue,
.primary-bg,
.accent-bg,
.highlight-bg {
  background-color: var(--green-primary) !important;
  color: #fff !important;
}

/* ================================================================
   11. ICÔNES ET ÉLÉMENTS DÉCORATIFS
================================================================ */
.text-primary i,
.theme-btn i,
i.text-primary {
  color: inherit !important;
}

/* ================================================================
   12. PRÉSERVATION DU BLEU FONCÉ
================================================================ */

/* IMPORTANT : Préserver le bleu très foncé du footer et éléments sombres */
.footer,
footer,
.bg-dark,
.navbar-dark,
footer.bg-dark,
.dark-section,
.dark-bg,
[class*="dark"],
[class*="footer"] {
  background-color: #212529 !important;
  color: #fff !important;
}

.footer *,
footer *,
.bg-dark *,
.navbar-dark * {
  color: inherit;
}

/* Ne pas toucher aux liens dans le footer */
.footer a,
footer a,
.bg-dark a:not(.btn):not(.theme-btn) {
  color: #fff !important;
}

.footer a:hover,
footer a:hover,
.bg-dark a:hover:not(.btn):not(.theme-btn) {
  color: #ccc !important;
}

/* ================================================================
   13. FORMULAIRES
================================================================ */
.form-control:focus {
  border-color: var(--green-primary) !important;
  box-shadow: 0 0 0 0.25rem rgba(0, 166, 81, 0.25) !important;
}

.form-check-input:checked {
  background-color: var(--green-primary) !important;
  border-color: var(--green-primary) !important;
}

/* ================================================================
   14. SÉLECTEURS GÉNÉRIQUES ET FALLBACK
================================================================ */

/* Attrape tous les éléments avec des classes contenant "primary" */
[class*="btn-primary"],
[class*="bg-primary"]:not(.footer):not(.bg-dark):not([class*="dark"]),
[class*="text-primary"],
[class*="border-primary"] {
  /* Les règles spécifiques sont appliquées individuellement ci-dessus */
}

/* Dernière ligne de défense pour tous les boutons */
button:not(.bg-dark button):not(.footer button),
.btn:not(.bg-dark .btn):not(.footer .btn),
input[type="submit"]:not(.bg-dark input):not(.footer input) {
  /* Vérifie si c'est un bouton primaire par défaut */
}

/* ================================================================
   15. RESPONSIVE ET MÉDIAS QUERIES
================================================================ */
@media (max-width: 768px) {
  .theme-btn,
  .btn-primary {
    padding: 12px 20px !important;
    font-size: 14px !important;
  }
}

@media (max-width: 480px) {
  .theme-btn,
  .btn-primary {
    padding: 10px 16px !important;
    font-size: 13px !important;
  }
}

/* ================================================================
   16. ANIMATIONS ET TRANSITIONS
================================================================ */
.theme-btn,
.btn-primary,
.bg-primary,
.text-primary {
  transition: all 0.3s ease-in-out !important;
}

/* ================================================================
   17. ÉLÉMENTS SPÉCIFIQUES DU SITE
================================================================ */

/* Bouton menu mobile (hamburger) */
.navbar-toggler,
.navbar-toggler.open-btn,
button.navbar-toggler {
  background-color: var(--green-primary) !important;
  border-color: var(--green-primary) !important;
  color: #fff !important;
}

.navbar-toggler:hover,
.navbar-toggler:focus {
  background-color: var(--green-hover) !important;
  border-color: var(--green-hover) !important;
}

/* Barres du menu hamburger */
.navbar-toggler .icon-bar,
.icon-bar.first-angle,
.icon-bar.middle-angle,
.icon-bar.last-angle {
  background-color: #fff !important; /* Barres blanches sur fond vert */
}

/* Container du menu mobile */
.mobail-menu,
.mobile-menu {
  /* Si besoin d'un style spécifique */
}

/* Icônes avec fond vert */
.icon,
div.icon,
.award .icon {
  background-color: var(--green-primary) !important;
  /* Si l'icône a déjà un fond, on le force */
}

/* Si les icônes ont besoin d'un fond circulaire/carré */
.icon img,
.award .icon img {
  /* L'image garde sa transparence, le fond de .icon sera vert */
}

/* Titres principaux en vert */
h2.title,
.title h2,
h1.title,
h3.title {
  color: var(--green-primary) !important;
}

/* Spans dans les section-title (petits titres) en vert */
.section-title span,
.col-12 span,
div.col-12 span {
  color: var(--green-primary) !important;
}

/* S'assurer que les h2 après les spans restent blancs/noirs */
.section-title h2,
.col-12 h2,
div.col-12 h2 {
  color: inherit !important; /* Garde la couleur d'origine */
}

/* Section CTA - fond vert */
.cta-section,
section.cta-section {
  background-color: var(--green-primary) !important;
  color: #fff !important;
}

.cta-wrap,
.cta-section .cta-wrap {
  background-color: var(--green-primary) !important;
  color: #fff !important;
}

/* Contenu CTA en blanc */
.cta-section .content h2,
.cta-section .content p {
  color: #fff !important;
}

/* Formulaire CTA */
.cta-form,
.cta-section .cta-form {
  /* Le formulaire peut avoir un fond légèrement différent si besoin */
}

.cta-form .input-filled input,
.cta-form .input-filled select {
  background-color: #fff !important;
  color: #333 !important;
  border: 1px solid #ddd !important;
}

.cta-form .input-filled input::placeholder {
  color: #999 !important;
}

.cta-form .input-filled button,
.cta-form button[type="submit"] {
  background-color: var(--green-active) !important;
  color: #fff !important;
  border: none !important;
}

.cta-form .input-filled button:hover,
.cta-form button[type="submit"]:hover {
  background-color: var(--green-dark) !important;
}

/* ================================================================
   18. PRINT STYLES
================================================================ */
@media print {
  .theme-btn,
  .btn-primary {
    background-color: var(--green-primary) !important;
    color: #fff !important;
    -webkit-print-color-adjust: exact !important;
    color-adjust: exact !important;
  }
}

/* ================================================================
   19. TEXTE SPÉCIFIQUE - PARAGRAPHES
================================================================ */

/* S'assurer que le deuxième paragraphe reste noir */
.text-secondary-paragraph {
  color: #333 !important; /* ou la couleur de texte normale de votre site */
}

/* S'assurer que BUCH Récupération en gras reste dans la couleur du texte */
.text strong,
p.text strong {
  color: inherit !important; /* Garde la même couleur que le paragraphe */
  font-weight: 700 !important;
}