/* =========================================================
   NutFill Breadcrumbs
   Clean breadcrumb bar shown at the top of every inner page
   so visitors know which menu / page they are currently on.
   ========================================================= */

.nutfill-breadcrumbs {
	background: #ffffff;
	border-bottom: 1px solid var(--ast-border-color, #D1D5DB);
	font-size: 13px;
	line-height: 1.6;
}

.nutfill-bc-inner {
	max-width: 1240px;
	margin: 0 auto;
	padding: 14px 20px;
	white-space: nowrap;
}

/* When the breadcrumb is present inside the masthead, hide the primary header
   bar's own bottom border so the divider line sits cleanly below the breadcrumb
   instead of creating a double line between nav and breadcrumb. */
#masthead:has(.nutfill-breadcrumbs) .ast-primary-header-bar {
	border-bottom: 0;
}

.nutfill-bc-link {
	color: #6b7280;
	text-decoration: none;
	transition: color 0.2s ease;
}

.nutfill-bc-link:hover {
	color: #22c55e;
}

.nutfill-bc-parent {
	color: #6b7280;
	cursor: default;
}

.nutfill-bc-sep {
	margin: 0 8px;
	color: #cbd1d9;
}

.nutfill-bc-current {
	color: #111827;
	font-weight: 600;
}

/* Keep it tidy on small screens */
@media (max-width: 640px) {
	.nutfill-bc-inner {
		padding: 10px 20px;
		font-size: 12px;
		white-space: normal;
	}
	.nutfill-bc-sep {
		margin: 0 6px;
	}
}