/* Metryczka BIP pod treścią wpisu: etykieta po lewej, wartość po prawej (jak w TownPress_BIP). */
.jbip-metryczka-blok { margin-top: 1.5em; border-top: 1px solid rgba( 0, 0, 0, .1 ); padding-top: 1em; }
.jbip-metryczka { list-style: none; margin: 0; padding: 0; }
.jbip-metryczka li { display: flex; justify-content: space-between; gap: 1em; padding: .35em 0; }
.jbip-metryczka li i { width: 1.25em; opacity: .55; }
.jbip-metryczka em { margin-left: auto; text-align: right; }
/* Telefon: ikona w pierwszej kolumnie, etykieta (mniejsza, szara) i pod nią wartość (wyraźna); linie między pozycjami.
   Selektory z .jbip-metryczka-blok, żeby nie nadpisywał ich Dodatkowy CSS (.jbip-metryczka li). */
@media ( max-width: 600px ) {
	.jbip-metryczka-blok .jbip-metryczka li {
		display: grid; grid-template-columns: 1.75em minmax( 0, 1fr ); row-gap: .1em;
		padding: .6em 0; border-top: 1px solid rgba( 0, 0, 0, .06 ); font-size: .875em; line-height: 1.35;
	}
	.jbip-metryczka-blok .jbip-metryczka li:first-child { border-top: 0; padding-top: 0; }
	.jbip-metryczka-blok .jbip-metryczka li > i { grid-row: 1 / span 2; margin-top: .1em; }
	.jbip-metryczka-blok .jbip-metryczka__etykieta { color: #767676; }
	.jbip-metryczka-blok .jbip-metryczka em {
		grid-column: 2; margin: 0; text-align: left; font-style: normal; font-weight: 600;
		font-size: 1.143em; color: #333; overflow-wrap: anywhere;
	}
	.jbip-metryczka-blok .jbip-metryczka__kopiuj { padding: .35em .5em; margin-left: .25em; }
}
.jbip-metryczka__kopiuj { background: none; border: 0; padding: 0 .25em; margin: 0; color: inherit; cursor: pointer; line-height: 1; vertical-align: baseline; }
.jbip-metryczka__kopiuj:hover, .jbip-metryczka__kopiuj:focus-visible { opacity: 1; }
.jbip-metryczka__kopiuj i { width: auto; opacity: .55; }
.jbip-metryczka__kopiuj:hover i, .jbip-metryczka__kopiuj:focus-visible i { opacity: 1; }
.jbip-metryczka__skopiowano { margin-left: .35em; font-size: .85em; opacity: .7; }