/* Conteneur flex horizontal du Breadcrumb */
.region.region-breadcrumb {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px; 
  flex-wrap: wrap; 
  padding: 10px 0; 
}
ra
/* Chaque bloc nav dans breadcrumb */
.region.region-breadcrumb > nav {
  display: flex;
  align-items: center;
}

/* Liste ul */
.region.region-breadcrumb ul.navbar-nav {
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
  list-style: none;
}

/* Style des liens - VERSION FLAT DESIGN AVEC FOND SOLIDE */
.region.region-breadcrumb .navbar-nav .nav-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  color: #316bce !important; /* Texte en bleu foncé */
  text-decoration: none;
  font-weight: 500; 

  background-color: #ffffff !important; /* Fond Blanc pur, solide et net */
  width: 65px !important; 
  height: 65px !important; 
  border-radius: 7px !important; 
  border: 1px solid #dcdcdc !important; /* Fine bordure grise/bleutée */
  margin: 0 !important;
  padding: 6px !important;
  text-align: center;

  overflow: hidden;
  transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease; 
}

/* Suppression des flèches */
.region.region-breadcrumb .navbar-nav .nav-link::before {
  content: none !important;
}

/* Icônes */
.region.region-breadcrumb .navbar-nav .nav-link svg,
.region.region-breadcrumb .navbar-nav .nav-link i {
  font-size: 18px !important; 
  width: 24px !important;
  height: 24px !important;
  display: block;
  color: #316bce !important; /* Icône bleue */
  margin-bottom: 4px; 
  text-align: center;
}

/* Texte */
.region.region-breadcrumb .navbar-nav .nav-link .link-text {
  font-size: 9px !important; 
  line-height: 1.1;
  text-align: center;
}

/* Survol Flat : la bordure et le fond changent légèrement */
.region.region-breadcrumb .navbar-nav .nav-link:hover {
  border-color: #316bce !important; /* Bordure bleue foncée au survol */
  background-color: #f0f3fc !important; /* Fond bleu très très clair (presque blanc mais teinté) */
  color: #316bce !important;
}

/* Lien actif : Utilisation du jaune pour le distinguer */
.region.region-breadcrumb .navbar-nav .nav-item.active .nav-link {
  border-color: #ffcd01 !important; /* Bordure jaune */
  background-color: #fffce6 !important; /* Fond jaune très très clair (presque blanc mais teinté) */
  color: #316bce !important;
}

/* Icône actif */
.region.region-breadcrumb .navbar-nav .nav-item.active .nav-link svg,
.region.region-breadcrumb .navbar-nav .nav-item.active .nav-link i {
  color: #b39500 !important; /* Icône jaune doré */
}

/* Nettoyage des conteneurs */
.region.region-breadcrumb nav,
.region.region-breadcrumb .block,
.region.region-breadcrumb .contextual-region {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important; /* Ici le transparent est juste pour les gros conteneurs qui englobent les boutons */
  padding: 0 !important;
  margin: 0 !important;
}