/* =========================================
   ✅ EXCLUSION RADICALE DES BLOCS DU BREADCRUMB
   ========================================= */

/* ✅ Force la transparence sur TOUS les blocs et descendants */
.region-breadcrumb div.block,
.region-breadcrumb div.block *,
.region-breadcrumb div.block::before,
.region-breadcrumb div.block::after,
.region-breadcrumb .contextual-region,
.region-breadcrumb .contextual-region *,
.region-breadcrumb .contextual-region::before,
.region-breadcrumb .contextual-region::after,
.region-breadcrumb .block-content,
.region-breadcrumb .block-content *,
.region-breadcrumb .block-content::before,
.region-breadcrumb .block-content::after,
.region-breadcrumb .views-element-container,
.region-breadcrumb .views-element-container *,
.region-breadcrumb .views-element-container::before,
.region-breadcrumb .views-element-container::after {
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  outline: none !important;
  text-shadow: none !important;
  transition: none !important;
}

/* ✅ Hover désactivé */
.region-breadcrumb div.block:hover,
.region-breadcrumb .contextual-region:hover,
.region-breadcrumb .block-content:hover,
.region-breadcrumb .views-element-container:hover {
  border-color: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  background: transparent !important;
  background-color: transparent !important;
}

/* =========================================
   BREADCRUMB - MONTÉE AGRESSIVE
   ========================================= */

/* ✅ Cible TOUS les conteneurs parents possibles dans Drupal */
.region.region-breadcrumb > *,
.region.region-breadcrumb > * > *,
.region.region-breadcrumb .block,
.region.region-breadcrumb .block-content,
.region.region-breadcrumb .region-content,
.region.region-breadcrumb .contextual-region,
.region.region-breadcrumb .views-element-container,
.region.region-breadcrumb nav,
.region.region-breadcrumb nav > *,
.region.region-breadcrumb ul.navbar-nav {
  margin-top: 0 !important;
  padding-top: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* ✅ ✅ ✅ CONTENEUR PRINCIPAL - MONTÉE FORCÉE ✅ ✅ ✅ */
.region.region-breadcrumb {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 12px; 
  flex-wrap: wrap; 
  
  padding: 0 !important;
  margin: -55px 0 10px 0 !important;
  
  overflow: visible !important;
  position: relative !important;
  z-index: 10 !important;
}

/* ✅ Supprime le margin-top du premier enfant */
.region.region-breadcrumb > *:first-child,
.region.region-breadcrumb nav:first-child,
.region.region-breadcrumb ul:first-child {
  margin-top: 0 !important;
}

/* Chaque bloc nav dans breadcrumb */
.region.region-breadcrumb > nav {
  display: flex;
  align-items: center;
  margin: 0 !important;
  padding: 0 !important;
}

/* Liste ul */
.region.region-breadcrumb ul.navbar-nav {
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
  list-style: none;
  gap: 12px;
  overflow: visible !important;
}

/* =========================================
   STYLE DES BOUTONS (RECTANGLE ARRONDI)
   ========================================= */
.region.region-breadcrumb .navbar-nav .nav-link {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;

  color: #334155 !important;
  text-decoration: none;
  font-weight: 600; 
  font-size: 13px;
  letter-spacing: 0.01em;

  background-color: #ffffff !important;
  width: 150px !important;
  height: 46px !important;
  border-radius: 0px !important;
  border: 1.5px solid #E2E8F0 !important;
  
  margin: 0 !important;
  padding: 0 16px !important;
  gap: 10px;

  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02), 0 4px 12px rgba(0, 0, 0, 0.04); 
  
  overflow: visible !important;
  white-space: nowrap;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  
  position: relative !important;
  z-index: 1 !important;
}

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

/* =========================================
   ICÔNES ET TEXTE
   ========================================= */
.region.region-breadcrumb .navbar-nav .nav-link svg,
.region.region-breadcrumb .navbar-nav .nav-link i {
  font-size: 16px !important; 
  width: 20px !important;
  height: 20px !important;
  min-width: 20px;
  display: block;
  color: #1a2644 !important;
  margin: 0 !important; 
  text-align: center;
}

.region.region-breadcrumb .navbar-nav .nav-link .link-text {
  font-size: 13px !important; 
  line-height: 1;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* =========================================
   ÉTAT AU SURVOL (HOVER)
   ========================================= */
.region.region-breadcrumb .navbar-nav .nav-link:hover {
  border-color: #1a2644 !important;
  background-color: #F8FAFC !important;
  color: #1a2644 !important;
  
  transform: translateY(-2px); 
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.04), 0 8px 16px rgba(26, 38, 68, 0.15);
  
  z-index: 10 !important;
}

.region.region-breadcrumb .navbar-nav .nav-link:hover svg,
.region.region-breadcrumb .navbar-nav .nav-link:hover i {
  color: #1a2644 !important;
}

/* =========================================
   ÉTAT ACTIF (PAGE COURANTE)
   ========================================= */
.region.region-breadcrumb .navbar-nav .nav-item.active .nav-link {
  border-color: #1a2644 !important;
  background-color: #e8ecf4 !important;
  color: #1a2644 !important;
  
  box-shadow: 0 0 0 3px rgba(26, 38, 68, 0.15), 0 2px 4px rgba(0, 0, 0, 0.02);
  transform: none;
}

.region.region-breadcrumb .navbar-nav .nav-item.active .nav-link svg,
.region.region-breadcrumb .navbar-nav .nav-item.active .nav-link i {
  color: #1a2644 !important;
}

/* =========================================
   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; 
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
}