/* ========================================================================== Fil d'Ariane (breadcrumb) - composant transverse, present sur toutes les pages internes (pas la home). Rend en plus du JSON-LD BreadcrumbList qui est emis dans le . ========================================================================== */ .mdm-breadcrumb { padding: 16px var(--m-page-padding); font-family: var(--m-font-body); font-size: 13px; color: var(--m-ink-soft, #666); background: transparent; max-width: 1280px; margin: 0 auto; } .mdm-breadcrumb__list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 0; } .mdm-breadcrumb__item { display: inline-flex; align-items: center; } .mdm-breadcrumb__item a { color: var(--m-ink-soft, #666); text-decoration: none; transition: color .15s ease; padding: 4px 0; } .mdm-breadcrumb__item a:hover, .mdm-breadcrumb__item a:focus-visible { color: var(--m-rose, #C57A8E); text-decoration: underline; text-underline-offset: 3px; } .mdm-breadcrumb__item.is-current span { color: var(--m-ink, #4A3832); font-weight: 500; } .mdm-breadcrumb__sep { display: inline-block; margin: 0 8px; color: var(--m-ink-faint, #c4b8b3); font-size: 14px; line-height: 1; } @media (max-width: 600px) { .mdm-breadcrumb { padding: 12px 16px; font-size: 12px; } .mdm-breadcrumb__sep { margin: 0 6px; } }