/**
 * Fil d'Ariane global Cubner — overlay (landings hero) et flux (CMS).
 * Style aligné boutique / panier : Switzer 14/18, séparateur « / ».
 */

.cubner-site-breadcrumb {
  box-sizing: border-box;
  font-family: var(--cubner-font-family, "Switzer", Arial, sans-serif);
}

.cubner-site-breadcrumb *,
.cubner-site-breadcrumb *::before,
.cubner-site-breadcrumb *::after {
  box-sizing: border-box;
}

.cubner-site-breadcrumb__nav {
  display: block;
  margin: 0;
  font-size: 14px;
  line-height: 18px;
  color: var(--cubner-color-black, #000);
}

.cubner-site-breadcrumb__link {
  color: inherit;
  font-weight: 300;
  opacity: 0.72;
  text-decoration: none;
}

.cubner-site-breadcrumb__link:hover,
.cubner-site-breadcrumb__link:focus-visible {
  color: var(--cubner-heading-accent, var(--cubner-color-brand-blue, #00518c));
  opacity: 1;
}

.cubner-site-breadcrumb__current {
  font-weight: 400;
  color: var(--cubner-heading-accent, var(--cubner-color-brand-blue, #00518c));
  opacity: 1;
}

.cubner-site-breadcrumb__sep {
  color: inherit;
  font-weight: 300;
  opacity: 0.72;
}

/* Overlay : superposé au hero sans décaler le layout (Figma 800:788 y=185). */
.cubner-site-breadcrumb--overlay {
  position: relative;
  z-index: 20;
  height: 0;
  margin: 0;
  padding: 0;
  pointer-events: none;
}

.cubner-site-breadcrumb--overlay .cubner-site-breadcrumb__inner {
  position: absolute;
  top: 32px;
  left: 50%;
  transform: translateX(-50%);
  width: min(100% - 48px, var(--cubner-container-max, 1400px));
  pointer-events: auto;
}

/* Flux : bloc sous le header (CMS, devis, recherche, 404). */
.cubner-site-breadcrumb--flow {
  padding: 32px 0 0;
  margin: 0;
}

.cubner-site-breadcrumb--flow .cubner-site-breadcrumb__inner {
  width: min(100% - 48px, var(--cubner-container-max, 1400px));
  margin-inline: auto;
}

@media (max-width: 1199px) {
  .cubner-site-breadcrumb--overlay .cubner-site-breadcrumb__inner,
  .cubner-site-breadcrumb--flow .cubner-site-breadcrumb__inner {
    width: min(100% - 40px, var(--cubner-container-max, 1400px));
  }
}

@media (max-width: 767px) {
  .cubner-site-breadcrumb--overlay .cubner-site-breadcrumb__inner {
    top: 16px;
    width: min(100% - 32px, var(--cubner-container-max, 1400px));
  }

  .cubner-site-breadcrumb--flow {
    padding-top: 16px;
  }

  .cubner-site-breadcrumb--flow .cubner-site-breadcrumb__inner {
    width: min(100% - 32px, var(--cubner-container-max, 1400px));
  }

  .cubner-site-breadcrumb__nav {
    word-break: break-word;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cubner-site-breadcrumb__link {
    transition: none;
  }
}