/* R-006 Drobečková navigace podstránek Royal Enfield Garage (titulka/re/re_drobky.php).
   Vzhled sjednocený s e-shopem (.esh-drobky v eshop/assets/eshop.css): malé písmo, tlumená barva webu,
   podtržené odkazy, oddělovač „/“, aktuální stránka tmavší a při nedostatku místa zkrácená.
   Navazuje na .re-breadcrumb z re.css a na dotykové cíle z re-mobil.css (M-006); hlavička, patička
   a menu se nemění. Na mobilu jeden řádek: první položka celá, ostatní se zkracují výpustkou. */

.re-site .re-breadcrumb.re-drobky{display:block;min-width:0;max-width:100%;font-size:calc(12px + 12*var(--fzd));line-height:1.4;color:var(--muted)}
.re-site .re-drobky ol{display:flex;flex-wrap:wrap;align-items:center;gap:6px 0;margin:0;padding:0;list-style:none}
.re-site .re-drobky li{display:inline-flex;align-items:center;min-width:0;margin:0;padding:0}
.re-site .re-drobky li+li::before{content:"/";content:"/" / "";flex-shrink:0;margin:0 9px;color:#aaa69f}
.re-site .re-drobky a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.re-site .re-drobky a:hover{color:var(--red)}
.re-site .re-drobky a:focus-visible{outline:2px solid #e26438;outline-offset:2px}
.re-site .re-drobky [aria-current="page"]{overflow:hidden;max-width:60vw;color:var(--ink);text-overflow:ellipsis;white-space:nowrap}

/* Vlastní pruh pod hlavičkou (výchozí: podklad stránky). */
.re-site .re-drobky-pas{padding-top:22px;padding-bottom:14px}
.re-site .re-drobky-pas .re-breadcrumb{padding-top:0}

/* Tmavý pruh: stránka začíná tmavým úvodem (servis, fotogalerie). */
.re-site .re-drobky-pas--tmavy{background:var(--night)}
.re-site :is(.re-drobky-pas--tmavy,.re-drobky-pas--prekryv) .re-drobky{color:#cfc9bf}
.re-site :is(.re-drobky-pas--tmavy,.re-drobky-pas--prekryv) .re-drobky li+li::before{color:#ffffff59}
.re-site :is(.re-drobky-pas--tmavy,.re-drobky-pas--prekryv) .re-drobky a:hover{color:#fff}
.re-site :is(.re-drobky-pas--tmavy,.re-drobky-pas--prekryv) .re-drobky [aria-current="page"]{color:var(--paper)}

/* Překryv: položeno přes horní okraj tmavého hero na výšku okna (videa, financování, klientské centrum),
   hero se neposune. Bez top/left zůstává pruh na svém místě pod hlavičkou, jen nezabírá výšku. */
.re-site .re-drobky-pas--prekryv{position:absolute;z-index:5;width:100%;background:transparent;pointer-events:none}
.re-site .re-drobky-pas--prekryv .re-drobky{text-shadow:0 1px 2px #0009}
.re-site .re-drobky-pas--prekryv .re-drobky ol{pointer-events:auto;width:max-content;max-width:100%}

@media (max-width:767px){
  .re-site .re-drobky-pas{padding-top:16px;padding-bottom:10px}
  .re-site .re-drobky ol{flex-wrap:nowrap}
  .re-site .re-drobky li{flex:0 1 auto}
  .re-site .re-drobky li:first-child{flex-shrink:0}
  .re-site .re-drobky li>:is(a,span){display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .re-site .re-drobky [aria-current="page"]{max-width:none}
}