/**
 * Dark Editorial Commerce – stopka.
 *
 * Ładowany ZAWSZE (patrz inc/enqueue.php) – stopka, tak jak nagłówek, jest
 * widoczna na każdej stronie serwisu, nie tylko na widokach objętych
 * dotychczasowym etapowym rebrandingiem (produkt/koszyk/kasa/sklep).
 *
 * Selektory dobrane na podstawie REALNEGO markupu ze strony produkcyjnej
 * (sprawdzone 2026-09-15, kliknijwmarketing.pl). Treść stopki dziś:
 *   - #footer-menu: 2 pozycje – "Regulamin sklepu", "Polityka prywatności"
 *   - .site-info: "© 2026 kliknijwmarketing"
 * Celowo NIE dodajemy żadnej nowej treści (logo, social media, newsletter
 * itp.) – to tylko przemalowanie tego, co już jest, zgodnie z zasadą
 * "nie zgaduj treści" z reszty tego motywu. Jeśli klient zdecyduje się na
 * dodatkową zawartość stopki, dopisz ją w WP Admin → Personalizacja →
 * Stopka, styl niżej obejmie ją automatycznie (selektory są ogólne, nie
 * przywiązane do dokładnie dwóch dzisiejszych linków).
 */

/* ── TŁO: to samo ciemne tło co header/hero, ta sama technika co header.css
 *   (kilka selektorów na różnych warstwach naraz – Kadence renderuje tło na
 *   różnych wewnętrznych wrapperach w zależności od wersji/ustawień).
 */
#colophon,
#colophon .site-footer-wrap,
#colophon .site-middle-footer-wrap,
#colophon .site-bottom-footer-wrap,
#colophon .site-footer-row-container-inner {
	background-color: #121212 !important;
}

/* Cienka linia u góry – 1:1 z `.footer { border-top: 1px solid
   var(--line-on-dark) }` w ../prototyp-strona-glowna.html (i każdym innym
   prototypie), NIE złoty akcent z nagłówka (to była pomyłka we wcześniejszej
   wersji tego pliku – poprawione 2026-09-15). Ten sam neutralny hairline co
   obramowanie mega menu i separator w mobile menu (header.css) – jedyny
   dozwolony element linii w tej marce to włoskowaty divider, zero ciężkich
   cieni/obramowań. */
#colophon {
	border-top: 1px solid rgba(243, 240, 235, 0.14);
}

/* ── MENU STOPKI (#footer-menu) ──
 * Świadomie BEZ wersalików (w przeciwieństwie do #primary-menu) – stopka ma
 * cichszy rejestr niż główna nawigacja, wersaliki są zarezerwowane dla
 * górnego menu.
 *
 * !important konieczne: prawdziwa reguła Kadence to
 * `#colophon .footer-navigation .footer-menu-container > ul > li > a`
 * (sprawdzone 2026-09-15) – ma WYŻSZĄ specyficzność niż zwykłe „#footer-menu
 * a" (1 ID + 2 klasy vs 1 ID + 0 klas), więc bez !important przegrywa. Kolor
 * z tej reguły to var(--global-palette5) = #121212 – DOKŁADNIE ten sam co
 * tło stopki, stąd link był praktycznie niewidoczny (czarny na czarnym).
 */
#footer-navigation .footer-menu-container {
	display: flex;
	justify-content: center;
}
#footer-menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	/* Kadence i tak dokłada ~8,4px paddingu z każdej strony każdego linku
	   (#colophon .footer-navigation .footer-menu-container > ul > li > a) –
	   ten gap to dodatkowe 8px, razem ~25px między tekstami, celowo mniej
	   niż pierwotne 28px samego gapu (zgłoszenie: zbyt oddalone). */
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer-menu a,
#colophon .footer-navigation .footer-menu-container > ul > li > a {
	font-family: 'Inter', sans-serif;
	font-size: 14px;
	color: #a8a196 !important;
	text-decoration: none;
	transition: color 0.2s ease;
}
#footer-menu a:hover,
#footer-menu a:focus-visible,
#colophon .footer-navigation .footer-menu-container > ul li a:hover {
	color: #c9a15a !important;
}

/* ── COPYRIGHT (.site-info) ── */
#colophon .site-info-inner {
	text-align: center;
}
#colophon .footer-html-inner p {
	margin: 0;
	font-family: 'Inter', sans-serif;
	font-size: 12px;
	color: #a8a196;
	opacity: 0.7;
}