/*
 * %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 *
 * Template Name: Deconsult - Business Consulting Bootstrap4 Template
 * Template URI: https://thememarch.com/demo/html/deconsult/
 * Description: Deconsult is a business consulting HTML template which comes with the unique and clean design.
 * Author: Thememarch
 * Version: 2.0
 *
 * %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 */
:root {
  --primary: #0B7A2F;
  --blue: #0B7A2F; /* also override bootstrap "blue" variable */
  --green: #0B7A2F;
  --primary-rgb: 11,122,47; /* used for rgba() fallbacks */
}

.text-primary { color: var(--primary) !important; }
.bg-primary { background-color: var(--primary) !important; }
.border-primary { border-color: var(--primary) !important; }

.btn-primary {
  color: #fff !important;
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: rgba(var(--primary-rgb), 0.9) !important;
  border-color: rgba(var(--primary-rgb), 0.9) !important;
  box-shadow: 0 0 0 .2rem rgba(var(--primary-rgb), 0.25) !important;
}

.badge-primary { background-color: var(--primary) !important; color: #fff !important; }
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  color: #fff !important;
  background-color: var(--primary) !important;
}

/* form and input focus states */
.form-control:focus,
.custom-select:focus,
.custom-file-input:focus~.custom-file-label,
.custom-file-input:focus~.custom-file-label::after {
  border-color: rgba(var(--primary-rgb), 0.5) !important;
  box-shadow: 0 0 0 .2rem rgba(var(--primary-rgb), 0.25) !important;
}

/* Pagination / active page */
.page-item.active .page-link,
.page-link:focus,
.page-link:hover {
  color: #fff !important;
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}

/* additional blue components */
.btn-link { color: var(--primary) !important; }
.dropdown-item.active,
.dropdown-item:active { background-color: var(--primary) !important; }
.progress-bar { background-color: var(--primary) !important; }
.custom-control-input:checked~.custom-control-label::before { background-color: var(--primary) !important; }
.custom-range::-webkit-slider-thumb,
.custom-range::-moz-range-thumb,
.custom-range::-ms-thumb { background-color: var(--primary) !important; }


/* section titles from template use a fixed blue; force green */
.tm-section-title h2,
.tm-section-title h3 {
  color: var(--primary) !important;
}
.tm-section-title .divider {
  color: var(--primary) !important;
}/* --- Fixe le header sur mobile et ajoute un espace en haut du contenu --- */
@media (max-width: 991px) {
    .header-bottomarea {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1050;
    }
    #wrapper {
        padding-top: 90px; /* Ajuste selon la hauteur réelle de ton header */
    }
}

/* patch template's blue backgrounds and other special cases */
::selection, ::-moz-selection, ::-webkit-selection {
  background: var(--primary) !important;
  color: #ffffff !important;
}
[data-overlay]:before,
[data-secondary-overlay]:before,
[data-black-overlay]:before {
  background-color: var(--primary) !important;
}
.bg-theme {
  background: var(--primary) !important;
}

/* small helpers */
.text-decoration-primary { text-decoration-color: var(--primary) !important; }