/**
 * Yoast breadcrumb — shared visual pin (Wave 2 PR-A)
 *
 * The visible crumb on products, product category archives and blog posts is
 * Yoast's `[wpseo_breadcrumb]`, sitting in an `[et_pb_code]` module inside the
 * three Divi Theme Builder body layouts (219258 products, 219247 product
 * category archives, 219243 posts). Yoast's raw output is unstyled and lands
 * louder than the third-party module it replaced, so this file is REQUIRED, not
 * optional — it reproduces the previous crumb's weight.
 *
 * WHY ITS OWN FILE
 * ----------------
 * These rules started life inside pdp-woo-overrides.css, which is enqueued on
 * `is_product()` only. That was correct while the crumb was PDP-only; it is not
 * once the same crumb renders on category archives and blog posts. Moving the
 * rules here rather than widening that file's enqueue is deliberate — it carries
 * ~280 lines of WooCommerce-markup overrides deliberately scoped to
 * `.single-product`, and loading it on a blog post would be exactly the kind of
 * selector bleed its own header warns about. Enqueued by inc/pdp-breadcrumb.php.
 *
 * TWO CLASSES, ON PURPOSE
 * -----------------------
 * Layout 219258 shipped first with `module_class="gerbs-pdp-crumb"`; the two
 * later layouts use the surface-neutral `gerbs-crumb`. Both are matched here
 * rather than re-editing a live PDP layout purely to rename a class. If 219258 is
 * ever edited for another reason, add `gerbs-crumb` to it and this can collapse
 * to one selector.
 *
 * SELECTOR NOTE — do not "tidy" this by adding `#breadcrumbs`. The
 * `[wpseo_breadcrumb]` SHORTCODE emits a bare `<span>` chain with NO wrapper id;
 * `#breadcrumbs` only appears when a theme calls `yoast_breadcrumb()` directly
 * with a wrapper argument. An earlier draft scoped everything under
 * `.gerbs-pdp-crumb #breadcrumbs` and matched nothing but the base font rule.
 *
 * Token source: gerbs-tokens.css (declared as a dependency at enqueue).
 */

.gerbs-pdp-crumb,
.gerbs-crumb,
.gerbs-pdp-crumb .et_pb_code_inner,
.gerbs-crumb .et_pb_code_inner {
	font-family: var(--ff-body);
	font-size: var(--fs-14);
	line-height: var(--lh-snug);
	color: var(--gerbs-ink);
}

.gerbs-pdp-crumb,
.gerbs-crumb {
	margin: 0 0 var(--space-2);
}

.gerbs-pdp-crumb a,
.gerbs-crumb a {
	color: var(--gerbs-ink-70);
	text-decoration: none;
}

.gerbs-pdp-crumb a:hover,
.gerbs-crumb a:hover,
.gerbs-pdp-crumb a:focus-visible,
.gerbs-crumb a:focus-visible {
	color: var(--gerbs-ink);
	text-decoration: underline;
}

/* Current page — Yoast marks it with .breadcrumb_last */
.gerbs-pdp-crumb .breadcrumb_last,
.gerbs-crumb .breadcrumb_last {
	color: var(--gerbs-ink);
	font-weight: 400;
}

/* Phone: wrap to a second line, never truncate. Product and post titles are both
   long enough that ellipsis would hide the part the reader needs. */
@media (max-width: 640px) {
	.gerbs-pdp-crumb,
	.gerbs-crumb,
	.gerbs-pdp-crumb .et_pb_code_inner,
	.gerbs-crumb .et_pb_code_inner {
		white-space: normal;
		overflow-wrap: anywhere;
	}
}