/**
 * Ukazovateľ dopravy zadarmo v zhrnutí objednávky.
 *
 * Farby si berie z premenných Avady, aby sedel so zvyškom webu aj po zmene
 * palety. Pruh je zámerne nízky a bez efektov — je to doplnková informácia
 * pod súčtami, nie ďalšie tlačidlo.
 */

.melino-doprava-progres:empty {
	display: none;
}

/* Ukazovateľ je posledný blok v karte zhrnutia, hneď nad tlačidlom
   „Objednať". Aby nepôsobil prilepený:

   - vodorovné odsadenie je rovnaké ako má blok súčtov nad ním (odmerané:
     `#order_review` má padding 22 px), inak by text aj pruh začínali o kus
     vľavo než všetko ostatné v karte;
   - linka hore ho oddeľuje od súčtov, tak ako sú oddelené riadky medzi sebou;
   - spodné odsadenie drží odstup od tlačidla, ktoré nasleduje. */
.melino-doprava-progres {
	padding: 16px 22px 20px;
	border-top: 1px solid rgba(10, 48, 25, .12);
}

.melino-doprava-progres__text {
	margin: 0 0 8px;
	font-size: 14px;
	line-height: 1.45;
	color: var(--awb-color8, #4a4e57);
}

.melino-doprava-progres__text strong {
	color: var(--awb-color6, #0a3019);
	font-weight: 700;
}

.melino-doprava-progres__pruh {
	height: 8px;
	border-radius: 999px;

	/* Podklad je zámerne svetlejší než výplň, nie sivý: pri sivom pôsobil
	   pruh ako vypnuté pole. */
	background-color: rgba(10, 48, 25, 0.1);
	overflow: hidden;
}

.melino-doprava-progres__vypln {
	display: block;
	height: 100%;
	min-width: 8px;          /* Nech je pri nule vidno aspoň začiatok. */
	border-radius: inherit;
	background-color: var(--awb-color5, #cafc87);
	transition: width .35s cubic-bezier(.4, 0, .2, 1);
}