/* public/css/footer.css */
/* Prefiks mp- ogranicza kolizje. Używamy rem, zero @media. */
.mp-site-footer{
	background:#f6f6f6;
	color:#333;
	font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
	padding:3rem 1.25rem;
	border-top:1px solid #e5e5e5;
}

.mp-footer-inner{
	max-width:75rem; /* 1200px */
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
	gap:2rem;
}

/* Klucz do auto-zwijania bez media:
   - flex-basis ~22rem, może rosnąć i kurczyć się w miarę potrzeby
   - min-width zabezpiecza przed zbyt wąskimi kolumnami
   Efekt: 4 kolumny gdy jest miejsce, potem 3/2/1 gdy ciaśniej. */
.mp-fcol{
	flex:1 1 22rem;
	min-width:16rem;
	max-width:100%;
}

.mp-fh{
	margin:0 0 .75rem 0;
	font-size:1rem;
	letter-spacing:.04em;
	text-transform:uppercase;
}

.mp-flist{
	list-style:none;
	margin:0;
	padding:0;
}

.mp-flist li{ margin:.35rem 0; }

.mp-site-footer a{
	color:inherit;
	text-decoration:none;
	border-bottom:1px solid transparent;
	transition:border-color .2s ease;
}
.mp-site-footer a:hover{ border-bottom-color:currentColor; }

.mp-newsletter .mp-nl-form{
	display:flex;
	gap:.5rem;
	margin-top:.5rem;
}
.mp-newsletter input[type="email"]{
	flex:1 1 auto;
	padding:.625rem .75rem;        /* 10px 12px */
	border:1px solid #ccc;
	border-radius:.25rem;
	outline:0;
}
.mp-newsletter button{
	padding:.625rem 1rem;
	border:0;
	border-radius:.25rem;
	cursor:pointer;
	background:#2e6b86;
	color:#fff;
}

.mp-footer-bottom{
	max-width:75rem;
	margin:2rem auto 0;
	padding-top:1.5rem;
	display:flex;
	flex-wrap:wrap;
	gap:1rem;
	justify-content:space-between;
	border-top:1px solid #e5e5e5;
	font-size:.9rem;
	color:#666;
}

/* Ukryta etykieta dostępności */
.sr-only{
	position:absolute !important;
	width:1px;height:1px;
	padding:0;margin:-1px;overflow:hidden;
	clip:rect(0,0,0,0);white-space:nowrap;border:0;
}