/* ===========================================================================
   vlasimo-ui.css — styly vytažené z markupu (dřív inline `style=`) do tříd.

   Načítá se ZA vlasimo-base.css (inc/assets.php), takže responzivní pravidla
   základu jdou přebít bez `!important`. Co patří sem: sdílené komponenty
   a utility používané na víc než jedné šabloně. Co je jen na jedné šabloně,
   patří do assets/css/pages/<šablona>.css.

   Historie: do 6. 9. 2026 byl markup celého webu okomentovaný inline styly
   z dc renderu a tabletová i mobilní vrstva na ně mířila přes selektory
   [style*="…"]. Migrace probíhá po komponentách, každá vlna je skript
   v tools/migrate/ a je ověřená snímkem computed stylů (tools/css-snapshot.js).
   =========================================================================== */

/* --- Drobečková navigace ---------------------------------------------------
   18 kopií téhož bloku (stránky, PDP, účet, článek). Varianta --wrap má
   kontejner 1440 px, PDP ho nemá (sedí uvnitř svého obalu).
   Odkazy schválně NEMĚNÍ barvu na hover: inline styl dřív přebíjel
   `.vl a:hover`, takže drobečky hover nikdy neměly. */
.vl-crumb { padding: 24px 48px 0; font-size: 13px; color: #8a887f; }
.vl-crumb--wrap { max-width: 1440px; margin: 0 auto; }
.vl a.vl-crumb__home, .vl a.vl-crumb__home:hover { color: #8a887f; display: inline-flex; vertical-align: -2px; }
.vl a.vl-crumb__link, .vl a.vl-crumb__link:hover { color: #8a887f; }
.vl-crumb__sep { margin: 0 5px; }
.vl-crumb__sep--6 { margin: 0 6px; }
.vl-crumb__sep--4 { margin: 0 4px; }
.vl-crumb__now { color: #16211c; font-weight: 500; }
.vl-crumb__cur { color: #16211c; }

@media (min-width: 769px) and (max-width: 1024px) {
	.vl-crumb { padding: 24px 32px 0; }
	.vl-crumb--wrap { max-width: 1024px; }
}

/* Na mobilu měl blok dvě soupeřící pravidla (`padding:24px 48px 0` → 14px 20px 0
   a `padding:24px 48px` → 16px 20px). Vyhrávalo to druhé, protože substring
   sedí taky a stálo v souboru níž — proto 16px 20px, ne 14px 20px 0. */
@media (max-width: 768px) {
	.vl-crumb { padding: 16px 20px; }
}