/*
 * custom/_header.css — STUB (celowo pusty).
 * Wyglad headera = branza (verticals/<branza>/styles/_*.css) — decyzja 2026-07-07:
 *   struktura w bazie (_child_template/templates), wyglad per-branza.
 * Ten plik wypelniamy dopiero przy promocji wspolnego headera do bazy (2+ branze).
 */

 /* BREADCRUMBS */

.container.breadcrumb {
    background: var(--wh-color-bg, #f7f7f7);
}

.breadcrumb {
    padding: var(--wh-space-20, 2rem) 0;
    font-size: var(--wh-font-size-body, 1.4rem);
    gap: var(--wh-space-sm, 1.2rem);
    color: var(--wh-color-dark, #40362E);
}

.breadcrumb .breadcrumb-item:last-child {
    color: var(--wh-color-text-muted, #6B6259);
}

.breadcrumb .breadcrumb-item::before {
    padding-right: var(--wh-space-sm, 1.2rem);
    color: var(--wh-color-text-muted, #6B6259);
}
 
/* ==========================================================================
   WNIESIONE Z KOPII SKLEPU (starterpack-demo) — 2026-08-14
   Guard `guard_arkusze_branzy_nadazaja` zglaszal, ze branza tych regul NIE WOZI,
   czyli sklep stawiany z manifestu dostawal ubozszy arkusz niz demo.
   Tresc wniesiona BEZ ZMIAN — wylacznie bloki bedace czystym dodaniem.
   ========================================================================== */

.wh-pageheader {
  padding-top: var(--wh-space-xlg, 4.5rem);
  background: var(--bs-tertiary-bg, #f8f9fa);
  font-size: var(--wh-font-size-body, 1.4rem);
}

.wh-pageheader__title {
  margin: 0;
  padding: 0;
  font-family: var(--wh-font-heading, inherit);
  font-size: var(--wh-font-size-h1, 3.8rem);
  font-weight: var(--wh-font-weight-semibold, 600);
  line-height: 1.2;
  color: var(--wh-color-text-primary, #40362e);
}

/* Dol szarego bloku naglowka = ten sam odstep co nad h1 (decyzja Alexa
   2026-08-12). Padding na wrapperze, nie margin na .breadcrumb - margin
   wypada poza tlo (collapse przez krawedz wrappera bez paddingu).
   Gdy jest h1, blok naglowka ma miec 45px na gorze, 10px miedzy h1
   a breadcrumbami i 45px na dole. Zerujemy wiec wszystko, co sie doklada:
   - margines wrappera (_hummingbird.css: .breadcrumb__wrapper { margin-bottom: 2.5rem })
   - padding listy gora i dol (.breadcrumb { padding: 2rem 0 })
   - dolny padding h1 (wyzej, .wh-pageheader__title)
   ...i odstep h1 -> breadcrumb podajemy jawnie, jednym miejscem (padding-top
   listy), zeby nie sumowal sie z niczym innym. */
.wh-pageheader + .breadcrumb__wrapper {
  margin-bottom: 0;
  padding-bottom: var(--wh-space-xlg, 4.5rem);
}

.wh-pageheader + .breadcrumb__wrapper .breadcrumb {
  margin-block: 0;
  padding-block: var(--wh-space-10, 1rem) 0;
}

.breadcrumb__wrapper--bare {
  padding: 2rem 0;
}

.breadcrumb__wrapper--bare .breadcrumb {
  margin: 0;
}