/* =========================
   TITRES DE BLOCS (PLUS VIVANTS)
========================= */

.block h1,
.block h2,
.block h3,
.block h4,
.block h5 {

  color: #111827;

  font-weight: 5;

  position: relative;

  padding-left: 12px;

  border-left: 4px solid #3888b2; /* couleur moderne */

  transition: all 0.2s ease;
}

/* hover subtil */
.block h1:hover,
.block h2:hover,
.block h3:hover,
.block h4:hover,
.block h5:hover {
  color: #3290c3;
  border-left-color: #3290c3;
}

/* =========================
   ICÔNES DANS LES TITRES
========================= */

.block h1 i,
.block h2 i,
.block h3 i,
.block h4 i,
.block h5 i {
  color: #3888b2; /* couleur principale */

  margin-right: 6px;

  transition: all 0.2s ease;
}

/* hover icône */
.block h1:hover i,
.block h2:hover i,
.block h3:hover i,
.block h4:hover i,
.block h5:hover i {
  color: #3290c3;
  transform: scale(1.1);
}

/* =========================
   MENU ICÔNES (PLUS EXPRESSIF)
========================= */

.menu-icon {
  color: #3888b2;
  transition: all 0.2s ease;
}

/* hover */
.nav-item a:hover i,
#sidebar a:hover i {
  color: #3290c3;
}

/* =========================
   TITRES / LIENS EN GÉNÉRAL
========================= */

.link-text {
  color: #111827;
}

/* =========================
   ACTIVE (COULEUR FORTE MAIS PROPRE)
========================= */

.nav-item a.active {
  background: #a3cff3;
  color: #3888b2;
}

.nav-item a.active i {
  color: #3888b2;
}