/* =============================================================
   Semarti, stopka (Etap 4)
   Ladowany globalnie (stopka jest na kazdej stronie, w tym
   WooCommerce i O nas), wiec plik jest maly i uzywa literalnych
   wartosci HEX zgodnych z paleta z Etapu 3B (te same wartosci co
   w assets/css/semarti-design-system.css), zamiast rozszerzac
   scope tamtego pliku poza jego zamierzone strony (home, Kontakt,
   Na zamowienie). Wszystkie selektory scoped pod .semarti-footer,
   ktora istnieje wylacznie wewnatrz natywnego .ct-footer Blocksy,
   wiec nie moze wyciec do tresci stron ani do WooCommerce.
   ============================================================= */

.semarti-footer {
	background: #151413;
	padding: clamp(40px, 6vw, 72px) clamp(16px, 4vw, 48px);
}

.semarti-footer__inner {
	max-width: 1200px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1.4fr 1fr 1fr 1fr;
	gap: clamp(24px, 4vw, 48px);
}

.semarti-footer__col--brand {
	padding-right: 16px;
}

.semarti-footer__brand {
	margin: 0 0 12px;
	font-size: 20px;
	font-weight: 800;
	color: #FFFDF8;
	letter-spacing: -.01em;
}

.semarti-footer__desc {
	margin: 0;
	font-size: 13.5px;
	line-height: 1.65;
	color: rgba(255, 253, 248, .62);
	max-width: 32ch;
}

.semarti-footer__heading {
	margin: 0 0 14px;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .08em;
	color: #B88442;
}

.semarti-footer__list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.semarti-footer__list a {
	font-size: 13.5px;
	color: rgba(255, 253, 248, .82);
	text-decoration: none;
	transition: color .2s ease;
}

.semarti-footer__list a:hover {
	color: #B88442;
}

/* Pasek copyright natywny Blocksy, tuz pod tym blokiem.
   Poprawka: kolor tla samego paska pochodzil w rzeczywistosci z
   elementu <footer class="ct-footer"> (domyslny, ciemny odcien
   Blocksy #111518), nie z [data-row="bottom"], ktory jest sam w
   sobie przezroczysty. Rozne odcienie czerni (#111518 vs #151413 w
   .semarti-footer) tworzyly widoczny szew, wyglad "dwoch sklejonych
   blokow", zgloszony problem. Teraz oba maja dokladnie ten sam kolor.
   Dodatkowo zmniejszony wewnetrzny padding kontenera copyright: nasz
   wlasny blok .semarti-footer ma juz spory padding u dolu, wiec
   domyslne 25px Blocksy nad paskiem copyright sumowaly sie w
   przesadzona, pusta przestrzen. */
footer.ct-footer,
.ct-footer [data-row="bottom"] {
	background: #151413;
}

.ct-footer [data-row="bottom"] {
	border-top: 1px solid rgba(255, 255, 255, .08);
}

.ct-footer [data-row="bottom"] .ct-container {
	padding-block: 16px !important;
}

.ct-footer-copyright {
	color: rgba(255, 253, 248, .55) !important;
	font-size: 12.5px !important;
}

.ct-footer-copyright a {
	color: rgba(255, 253, 248, .75) !important;
}

@media (max-width: 900px) {
	.semarti-footer__inner {
		grid-template-columns: 1fr 1fr;
	}
	.semarti-footer__col--brand {
		grid-column: 1 / -1;
		padding-right: 0;
		margin-bottom: 8px;
	}
}

@media (max-width: 560px) {
	.semarti-footer__inner {
		grid-template-columns: 1fr;
		gap: 32px;
	}
}