/**
 * Stopka z prototypu (prototypy/strona/), logo 1:1 ze starej strony klienta.
 * `.mp-lapa` służy też łapie w logo nagłówka (ikona logo Kadence). Kolory i kroje z globalnych zmiennych Kadence.
 */

.mp-lapa {
	display: inline-block;
	font-size: 30px;
	line-height: 1;
}

/* Kadence daje logo z ikoną odstęp 18 px, stara strona miała 10 px. */
.site-branding a.brand:has(.mp-lapa) {
	gap: 10px;
}

/* Na starej stronie podpis przylega do nazwy, Kadence dodaje 3,5 px. */
.site-branding a.brand:has(.mp-lapa) .site-description {
	margin-top: 0;
}

.mp-marka {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: var(--global-palette4, #15333c);
	text-decoration: none;
}

.mp-marka strong {
	display: block;
	font-family: var(--global-heading-font-family, serif);
	font-size: 15px;
	font-weight: 700;
	line-height: 1.33;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.mp-marka small {
	display: block;
	font-size: 8px;
	line-height: 1.25;
	letter-spacing: 3px;
	text-transform: uppercase;
}

.mp-stopka-opis {
	max-width: 20rem;
	margin-top: 1rem;
}

.mp-stopka-dokumenty a + a {
	margin-left: 1.5rem;
}

.site-footer .mp-stopka-naglowek {
	margin: 0 0 1rem;
	color: var(--global-palette3, #082d3d);
	font-family: var(--global-body-font-family, sans-serif);
	font-size: 0.8125rem;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.site-footer .footer-navigation .menu {
	flex-direction: column;
	align-items: flex-start;
	gap: 0.5rem;
}

@media (width <= 767px) {
	.mp-stopka-dokumenty.has-text-align-right {
		text-align: left;
	}
}