/* ==========================================================================
   DoctorCura Design 0.9.7: zichtbare broodkruimels (includes/breadcrumbs.php)
   Sobere regel direct onder de kop, boven de hero: kleuren en lettertypen uit design.css. Op kleine schermen één regel
   met horizontaal scrollen (scrollbalk verborgen); de huidige pagina (aria-current) wordt daar afgekort.
   ========================================================================== */

.dcd-bc {
	max-width: var(--dcd-wrap); margin: 0 auto; padding: 14px 24px 0;
	font: 500 13.5px/1.4 var(--dcd-font); color: var(--dcd-muted);
}
.dcd-bc__list { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 0; margin: 0; padding: 0; list-style: none; }
.dcd-bc__item { display: inline-flex; align-items: center; min-width: 0; }
.dcd-bc__item + .dcd-bc__item::before { content: "\203A"; flex: none; margin: 0 8px; color: #9aa9c4; }
.dcd-bc__item a { color: var(--dcd-muted); text-decoration: none; border-radius: 4px; transition: color .2s var(--dcd-ease); }
.dcd-bc__item a:hover { color: var(--dcd-blue); text-decoration: underline; text-underline-offset: 3px; }
.dcd-bc__item a:focus-visible { outline: 2px solid var(--dcd-blue); outline-offset: 2px; color: var(--dcd-blue); }
.dcd-bc__item[aria-current] { color: var(--dcd-navy); font-weight: 600; }

@media (max-width: 767px) {
	.dcd-bc { padding: 10px 16px 0; }
	.dcd-bc__list { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 2px; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
	.dcd-bc__list::-webkit-scrollbar { display: none; }
	.dcd-bc__item { flex: none; white-space: nowrap; }
	/* Huidige pagina: niet laten krimpen (dan scrollt de regel), wel afkorten als de titel langer is dan 62 % van het scherm. */
	.dcd-bc__item[aria-current] { display: block; max-width: 62vw; overflow: hidden; text-overflow: ellipsis; }
}