/* PA: sticky breadcrumb on tablet/desktop.
   Header (.header) is sticky at top:0 with z-index 1021, height ~108-120px
   (pa-header-top ~36px row + pa-header-bottom ~64-72px row + 1px borders).
   We pin breadcrumb just below the header.
   Loaded after pa-header.css so we can override theme.css.
   ----------------------------------------------------------------- */

.breadcrumb__wrapper {
  position: sticky;
  top: var(--pa-header-height, 108px);
  z-index: 100;
  background: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}

@media (min-width: 992px) {
  .breadcrumb__wrapper {
    top: var(--pa-header-height, 116px);
  }
}

/* Mobile: header is fluid + collapses; sticky breadcrumb wastes scarce
   vertical real estate. Keep static under 576px. */
@media (max-width: 575px) {
  .breadcrumb__wrapper {
    position: static;
    box-shadow: none;
  }
}