/*
 * Footnotes 3PG — styl UNIWERSALNY.
 * Zasada: dziedzicz z aktywnego motywu (font, kolor linków), własnego stylu
 * absolutne minimum. Kolory neutralne (currentColor / półprzezroczysta szarość),
 * żeby wtyczka wyglądała spójnie na każdej stronie, w jasnym i ciemnym motywie.
 * Chcesz konkretną paletę (np. 3PG) — nadpisz te reguły w CSS motywu.
 */

/* --- Numerek w tekście: przejmuje kolor linków motywu, zawsze pogrubiony --- */
.fn3pg-ref {
	font-weight: 700;
	text-decoration: none;
}
.fn3pg-ref:hover,
.fn3pg-ref:focus {
	text-decoration: underline;
	outline: none;
}

/* Przecinek między kilkoma źródłami w jednym miejscu (1,2,3) — w indeksie
   górnym, ale zwykły: bez pogrubienia i bez koloru akcentu (kolor tekstu). */
.fn3pg-sep {
	font-weight: 400;
	color: inherit;
	text-decoration: none;
}

/* Podświetlenie celu skoku (po kliknięciu numerka lub powrotu) — neutralne */
.footnote:target,
:target.footnote {
	background: rgba(127, 127, 127, .16);
	transition: background-color .4s ease;
}

/* --- Lista przypisów u dołu: tylko struktura, reszta z motywu --- */
.fn3pg-footnotes-wrap {
	margin-top: 2em;
	padding-top: .6em;
	border-top: 1px solid rgba(127, 127, 127, .3);
}
ol.fn3pg-footnotes {
	font-size: .85em;
	line-height: 1.6;
	padding-left: 1.6em;
	margin: 0;
}
ol.fn3pg-footnotes > li {
	margin-bottom: .5em;
	padding-left: .25em;
}

/* Ręczny znacznik dla stylu „symbol" (lista ma wtedy list-style:none) */
.fn3pg-symbol {
	margin-right: .1em;
}

/* Link powrotny ↩ — dziedziczy kolor, dyskretny */
.fn3pg-backlink {
	text-decoration: none;
	margin-left: .3em;
}
.fn3pg-backlink:hover,
.fn3pg-backlink:focus {
	text-decoration: underline;
}

/* --- Dymek (tooltip): neutralny ciemny, czytelny na każdym motywie --- */
.fn3pg-tip {
	position: absolute;
	z-index: 9999;
	max-width: 320px;
	background: #1f2226;
	color: #fff;
	font-size: .82rem;
	line-height: 1.45;
	padding: .55rem .7rem;
	border-radius: 6px;
	box-shadow: 0 6px 24px rgba(0, 0, 0, .28);
	pointer-events: none;
	opacity: 0;
	transform: translateY(4px);
	transition: opacity .12s ease, transform .12s ease;
}
.fn3pg-tip.fn3pg-tip-open {
	opacity: 1;
	transform: translateY(0);
}
.fn3pg-tip::after {
	content: "";
	position: absolute;
	left: var(--fn3pg-arrow-x, 50%);
	bottom: -6px;
	margin-left: -6px;
	border: 6px solid transparent;
	border-top-color: #1f2226;
	border-bottom: 0;
}
.fn3pg-tip.fn3pg-tip-below::after {
	top: -6px;
	bottom: auto;
	border-top: 0;
	border-bottom-color: #1f2226;
}
.fn3pg-tip a {
	color: #7fc4ff;
}