/* PK Oś czasu - szerokość pól z treścią i ikony w kółkach na osi */

/* --- Szerokość pól z treścią ------------------------------------------
   --pkot-w ustawia wtyczka na bloku (30-100%, domyślnie 100% = bez zmiany).
   Pole zwężamy i dosuwamy do osi: po lewej stronie osi do prawej krawędzi,
   po prawej do lewej - strzałka przy kółku zostaje przy polu.
   Tylko od tabletu w górę; na telefonie oś jest w jednej kolumnie i pole
   ma zajmować całą szerokość.
   ----------------------------------------------------------------------- */
@media (min-width: 768px) {
	.pkot .uagb-timeline__events-inner--content {
		max-width: var(--pkot-w, 100%);
	}

	.pkot .uagb-timeline__day-right .uagb-timeline__events-inner--content {
		margin-left: auto;
	}

	.pkot .uagb-timeline__day-left .uagb-timeline__events-inner--content {
		margin-right: auto;
	}
}

/* --- Ikony w kółkach ---------------------------------------------------
   Białe, obrysowane. !important, bo Spectra po przewinięciu nadaje
   znacznikowi regułę "svg { fill: #fff }", która zamalowałaby obrys.
   ----------------------------------------------------------------------- */
.pkot-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 0;
}

.pkot-icon svg {
	width: 18px;
	height: 18px;
	fill: none !important;
	stroke: #fff !important;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.pkot-icon svg .pkot-fill {
	fill: #fff !important;
	stroke: none !important;
}