/*
 * The visible breadcrumb (dgc-breadcrumb.php). Written on the theme's own
 * tokens - body font, `--color-foreground`, `--page-width` - so it reads as
 * part of the page rather than as an addition to it. The source has no
 * breadcrumb: this is the deliberate departure of 2026-09-17.
 *
 * IT CARRIES THE GUTTER OF `.page-width` ITSELF, and is never nested inside
 * one. base.css gives `.page-width` 1.5rem of side padding below 750px and
 * 5rem above it (lines 141 and 172; the 990px block only re-states the
 * header's, not the plain rule), so the same two values are repeated here and
 * the breadcrumb text lines up with the h1 under it. Nested in a `.page-width`
 * the paddings ADDED UP and the trail started 1.5rem, then 1.5rem again,
 * inside the title - measured 2026-09-17 on the product and collection pages,
 * which is why the nav is now a sibling above that container everywhere.
 */
.dgc-breadcrumb{max-width:var(--page-width,1200px);margin:0 auto;padding:1.2rem 1.5rem 0;font-family:var(--font-body-family,inherit);font-size:1.3rem;line-height:1.4}
@media screen and (min-width: 750px){.dgc-breadcrumb{padding-left:5rem;padding-right:5rem}}
.dgc-breadcrumb ol{display:flex;flex-wrap:wrap;gap:0.4rem;margin:0;padding:0;list-style:none}
.dgc-breadcrumb li{color:rgba(var(--color-foreground),0.6)}
.dgc-breadcrumb li+li::before{content:"\203A";padding-right:0.4rem;color:rgba(var(--color-foreground),0.4)}
.dgc-breadcrumb a{color:inherit;text-decoration:none}
.dgc-breadcrumb a:hover{text-decoration:underline}
.dgc-breadcrumb li[aria-current]{color:rgba(var(--color-foreground),0.85)}