/* ===============================
   BREADCRUMB FULL WIDTH FIX
================================ */

/* 1. Le breadcrumb prend toute la largeur */
#wrapper .breadcrumb {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  position: relative !important;
  overflow: hidden;
}

/* 2. Le fond (cover) reste derrière */
#wrapper .breadcrumb .category-cover {
  width: 100vw !important;
  max-width: 100vw !important;
  position: relative !important;
  z-index: 0 !important;
}

#wrapper .breadcrumb .category-cover img {
  width: 100vw !important;
  max-width: 100vw !important;
  height: 120px;
  object-fit: cover;
}

/* 3. Le texte breadcrumb repasse AU-DESSUS */
#wrapper .breadcrumb .container {
  position: absolute !important;
  top: 50%;
  left: 45%;
  transform: translate(-50%, -50%) !important;
  z-index: 2 !important;
  width: auto;
  max-width: 1200px; /* ajuste si besoin */
  pointer-events: auto;
}

/* 4. Sécurité : texte visible */
#wrapper .breadcrumb ol,
#wrapper .breadcrumb li,
#wrapper .breadcrumb a {
  position: relative;
  z-index: 2;
}