/* ============================================================
   MOSTEK STYLÓW — BIP ZSR Sokółka
   Nadaje treści we własnych blokach HTML (kontenery z klasą bip-*)
   typografię i kolory MOTYWU, korzystając z jego zmiennych CSS.
   Dzięki temu wszystkie takie strony są spójne i reagują na
   przełącznik kontrastu (WCAG).

   Selektory celują wyłącznie w klasy zaczynające się od „bip-"
   (np. bip-kontrole, bip-ogloszenia) — nie kolidują z klasami
   motywu (k-*) ani z WordPressem.
   ============================================================ */

[class^="bip-"],
[class*=" bip-"] {
	font-family: var(--font-body, "Source Sans 3", "Segoe UI", Arial, sans-serif);
	color: var(--text-body, #1A1A17);
	line-height: 1.6;
}

/* Nagłówki */
[class^="bip-"] h2, [class*=" bip-"] h2 {
	font-family: var(--font-heading, "Libre Franklin", "Segoe UI", Arial, sans-serif);
	font-weight: 700;
	font-size: 1.647rem;
	color: var(--text-heading, #2D2D2D);
	letter-spacing: -0.01em;
	margin: 28px 0 12px;
}
[class^="bip-"] h3, [class*=" bip-"] h3 {
	font-family: var(--font-heading, "Libre Franklin", "Segoe UI", Arial, sans-serif);
	font-weight: 600;
	font-size: 1.353rem;
	color: var(--text-heading, #2D2D2D);
	margin: 22px 0 10px;
}
[class^="bip-"] h4, [class*=" bip-"] h4 {
	font-family: var(--font-heading, "Libre Franklin", "Segoe UI", Arial, sans-serif);
	font-weight: 600;
	font-size: 1.125rem;
	color: var(--text-heading, #2D2D2D);
	margin: 18px 0 8px;
}

/* Akapity i listy */
[class^="bip-"] p, [class*=" bip-"] p { margin: 0 0 14px; }
[class^="bip-"] ul, [class^="bip-"] ol,
[class*=" bip-"] ul, [class*=" bip-"] ol { margin: 0 0 14px; padding-left: 24px; }
[class^="bip-"] li, [class*=" bip-"] li { margin: 0 0 6px; }

/* Odnośniki */
[class^="bip-"] a, [class*=" bip-"] a {
	color: var(--text-link, #15549A);
	text-decoration: underline;
	text-underline-offset: 2px;
}
[class^="bip-"] a:hover, [class*=" bip-"] a:hover {
	color: var(--text-link-hover, #114279);
}

/* Pogrubienia, cytaty */
[class^="bip-"] strong, [class*=" bip-"] strong { font-weight: 600; }
[class^="bip-"] blockquote, [class*=" bip-"] blockquote {
	margin: 18px 0;
	padding: 8px 18px;
	border-left: 4px solid var(--accent, #E0901F);
	background: var(--accent-tint, #FBF1E1);
	color: var(--text-heading, #2D2D2D);
}

/* Tabele */
[class^="bip-"] table, [class*=" bip-"] table {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 16px;
}
[class^="bip-"] th, [class^="bip-"] td,
[class*=" bip-"] th, [class*=" bip-"] td {
	border: 1px solid var(--border-default, #CDCCC4);
	padding: 8px 12px;
	text-align: left;
}
[class^="bip-"] th, [class*=" bip-"] th {
	background: var(--surface-sunken, #EFEEEA);
	font-family: var(--font-heading, "Libre Franklin", sans-serif);
	font-weight: 700;
	color: var(--text-heading, #2D2D2D);
}

/* Obrazy */
[class^="bip-"] img, [class*=" bip-"] img {
	max-width: 100%;
	height: auto;
	border-radius: 4px;
}