/* Stav „právě otevřeno / zavřeno“ pod otevírací dobou na úvodní fotce.
   Hodnotu plní PHP (inc/business-hours.php) z Business Hours API.

   Záměrně bez rámečku a podkladu: v hlavičce webu není žádný jiný vyplněný
   prvek, takže tlačítkový odznak přetahoval pozornost i nadpisu. Text je bílý
   jako zbytek hlavičky, barvu nese jen tečka a přejetí myší. */

/* :visited musí být přímo tady — main.css má „a:visited { color: #057f78 }“,
   což je specifičtější než samotná třída, a po prvním kliknutí by odkaz
   zezelenal natrvalo. Pořadí pravidel drží LVHA (link, visited, hover, active). */
.bh-badge,
.bh-badge:link,
.bh-badge:visited {
	display: inline-block;
	margin-top: .6rem;
	font-family: "roboto-regular", sans-serif;
	font-size: 1.5rem;
	line-height: 1;
	color: #ffffff;
	white-space: nowrap;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

/* Totéž pro hover: main.css má „a:hover, a:focus { color: #000 }“. Varianty
   s :link/:visited jsou tu proto, aby zelená vyhrála i nad pravidlem výše. */
.bh-badge:hover,
.bh-badge:focus,
.bh-badge:link:hover,
.bh-badge:link:focus,
.bh-badge:visited:hover,
.bh-badge:visited:focus {
	color: #5bd08a;
}

.bh-badge::before {
	content: "";
	display: inline-block;
	width: .8rem;
	height: .8rem;
	margin-right: .8rem;
	border-radius: 50%;
	vertical-align: middle;
	position: relative;
	top: -.1rem;
}

.bh-badge-open::before {
	background-color: #5bd08a;
}

.bh-badge-closed::before {
	background-color: #f0645f;
}