/* ====================================================================
   CUSTOM COLORS - Impact Factor
   Fichier de surcharge pour personnaliser la couleur primaire
   Couleur primaire : #447ED2
   ==================================================================== */

:root {
  --primary-color: #447ED2;
  --primary-hover: #3a6bb8;
  --primary-light: rgba(68, 126, 210, 0.1);
  --primary-shadow: rgba(68, 126, 210, 0.25);
}

/* Boutons primaires */
.btn-primary {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

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

.btn-outline-primary {
  color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

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

/* Liens - Cibler UNIQUEMENT les liens dans le contenu principal */
.content-wrapper a:not(.btn):not(.badge):not(.nav-link),
.main-panel a:not(.btn):not(.badge):not(.nav-link),
.text-primary:not(.sidebar .text-primary):not(.navbar .text-primary):not(.nav .text-primary) {
  color: var(--primary-color) !important;
}

.content-wrapper a:not(.btn):not(.badge):not(.nav-link):hover,
.main-panel a:not(.btn):not(.badge):not(.nav-link):hover {
  color: var(--primary-hover) !important;
}

/* Empêcher les liens de navigation (niveau 1 et titres) de devenir bleus */
.sidebar a.nav-link,
.sidebar .nav > li > a,
.navbar a {
  color: inherit !important;
}

/* Forcer les titres de menu à garder leur couleur d'origine */
.sidebar .nav-link .menu-title,
.sidebar a.nav-link .menu-title,
.sidebar .nav-item > a .menu-title,
.sidebar .nav-item.active > a .menu-title {
  color: inherit !important;
}

/* Forcer les icônes de menu à garder leur couleur */
.sidebar .nav-link .menu-icon,
.sidebar a.nav-link .menu-icon {
  color: inherit !important;
}

/* S'assurer que les nav-link gardent leur style par défaut */
.nav-link,
.sidebar .nav-link,
.navbar .nav-link,
.nav .nav-link,
.sub-menu .nav-link {
  color: inherit !important;
}

.nav-link.active,
.sidebar .nav-link.active,
.navbar .nav-link.active,
.nav .nav-link.active,
.sub-menu .nav-link.active {
  color: inherit !important;
}

/* Forcer les sous-menus à garder leur style - Règle très spécifique */
.sub-menu a,
.sub-menu .nav-link,
.sub-menu .nav-link.active,
ul.sub-menu li.nav-item a.nav-link,
ul.sub-menu li.nav-item a.nav-link.active,
.nav.flex-column.sub-menu .nav-item .nav-link,
.nav.flex-column.sub-menu .nav-item .nav-link.active {
  color: inherit !important;
}

/* Règle ultime pour forcer le style */
.sidebar .nav .sub-menu .nav-link,
.sidebar .nav .sub-menu .nav-link.active {
  color: #9e9e9e !important; /* Couleur grise par défaut du thème */
}

.sidebar .nav .sub-menu .nav-link:hover,
.sidebar .nav .sub-menu .nav-link.active:hover {
  color: #ffffff !important; /* Blanc au hover */
}

/* Corriger le cartouche blanc - supprimer le fond bleu */
.sidebar .nav-item.active::before,
.sidebar .nav-item::before {
  background: transparent !important;
}

.sidebar .nav-item.active::after,
.sidebar .nav-item::after {
  background: transparent !important;
}

/* Supprimer les bordures arrondies bleues */
.sidebar .nav-item.active,
.sidebar .nav-item {
  background: transparent !important;
}

/* Badges */
.badge-primary {
  background-color: var(--primary-color) !important;
}

/* Backgrounds */
.bg-primary {
  background-color: var(--primary-color) !important;
}

/* Bordures */
.border-primary {
  border-color: var(--primary-color) !important;
}

/* Éléments de formulaire focus */
.form-control:focus,
.form-select:focus {
  border-color: var(--primary-color) !important;
  box-shadow: 0 0 0 0.2rem var(--primary-shadow) !important;
}

/* Checkboxes et radios */
.form-check-input:checked {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

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

/* Nav pills actifs */
.nav-pills .nav-link.active {
  background-color: var(--primary-color) !important;
}

/* Pagination active */
.pagination .page-item.active .page-link {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

/* Alerts primaires */
.alert-primary {
  background-color: var(--primary-light) !important;
  border-color: var(--primary-color) !important;
  color: var(--primary-color) !important;
}

/* Sidebar active items - NE PAS mettre de fond bleu */
.sidebar .nav-item.active {
  background-color: transparent !important;
}

.sidebar .nav-item.active .nav-link {
  color: inherit !important;
  background-color: transparent !important;
}

/* Dropdown items actifs */
.dropdown-item.active,
.dropdown-item:active {
  background-color: var(--primary-color) !important;
}

/* Tables */
.table-primary {
  background-color: var(--primary-light) !important;
}

.table-primary th,
.table-primary td {
  border-color: var(--primary-color) !important;
}

/* Cards avec bordure primaire */
.card-primary {
  border-color: var(--primary-color) !important;
}

.card-primary .card-header {
  background-color: var(--primary-color) !important;
  color: #fff !important;
}

/* Spinners */
.spinner-border.text-primary,
.spinner-grow.text-primary {
  color: var(--primary-color) !important;
}

/* List groups */
.list-group-item.active {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

/* Tabs */
.nav-tabs .nav-link.active {
  color: var(--primary-color) !important;
  border-color: #dee2e6 #dee2e6 #fff !important;
}

/* Tooltips */
.tooltip-inner {
  background-color: var(--primary-color) !important;
}

.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
  border-top-color: var(--primary-color) !important;
}

.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before {
  border-right-color: var(--primary-color) !important;
}

.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before {
  border-bottom-color: var(--primary-color) !important;
}

.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before {
  border-left-color: var(--primary-color) !important;
}

/* ====================================================================
   NAVBAR - Fond blanc avec image
   ==================================================================== */

/* Navbar principale avec image de fond en haut à droite */
.navbar,
.navbar.default-layout {
  background: #ffffff url('../../assets/images/background-jin2.png') no-repeat top right !important;
  background-size: 50% auto !important;
  box-shadow: 0 0px 8px rgba(0, 0, 0, 0.3) !important;
  height: 70px !important;
  min-height: 70px !important;
}

/* Wrapper du logo en fond transparent pour laisser voir l'image */
.navbar .navbar-brand-wrapper,
.sidebar-dark .navbar .navbar-brand-wrapper {
  background: transparent !important;
  height: 70px !important;
  padding: 10px 35px !important;
}

/* Menu wrapper en fond transparent pour laisser voir l'image */
.navbar .navbar-menu-wrapper,
.sidebar-dark .navbar .navbar-menu-wrapper {
  background: transparent !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

/* Ajuster la taille du logo - taille intermédiaire */
.navbar .navbar-brand-wrapper .navbar-brand img {
  max-height: 48px !important;
  height: auto !important;
  width: auto !important;
  max-width: none !important;
  object-fit: contain !important;
}

/* Au responsive aussi */
@media (max-width: 991px) {
  .sidebar-dark .navbar .navbar-brand-wrapper {
    background: transparent !important;
  }
  .navbar .navbar-menu-wrapper {
    background: transparent !important;
  }
}

/* ====================================================================
   SÉLECTEUR DE PROJET - Fix affichage flèche
   ==================================================================== */

/* Forcer le wrapper SlimSelect à respecter la largeur */
#IF-project .ss-main {
  width: 300px !important;
  min-width: 300px !important;
}

/* S'assurer que le texte ne pousse pas la flèche */
#IF-project .ss-main .ss-single-selected {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-right: 35px !important;
}

/* Forcer la flèche à rester à droite */
#IF-project .ss-main .ss-arrow {
  position: absolute !important;
  right: 10px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

/* Limiter la largeur du texte pour éviter le débordement */
#IF-project .ss-main .ss-single-selected .ss-value {
  flex: 1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  padding-right: 10px !important;
}