/* ==========================================================================
   PoloniaHub — stopka

   Budowana z widgetów motywu, więc domyślnie wygląda jak lista z
   wypunktowaniem na granacie. Tutaj dostaje własny język: nagłówki kolumn
   jako drobne wersaliki (a nie miniaturowy Playfair, który przy 15 px wygląda
   przypadkowo), odnośniki w jednym rytmie i wyraźny podział na część
   nawigacyjną i pasek prawny.
   ========================================================================== */

.site-footer {
	position: relative;
	background: var(--ph-primary);
	color: #B9C7E2;
}

/* Kropkowa siatka nawiązuje do mapy w hero — ta sama myśl otwiera i zamyka
   stronę. Ma być wyczuwalna, nie widoczna. */
.site-footer::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background-image: radial-gradient(circle, rgba(255, 255, 255, 0.055) 1px, transparent 1px);
	background-size: 24px 24px;
}

.site-footer > * { position: relative; }

/* --- Nagłówki kolumn ----------------------------------------------------- */

.site-footer .site-middle-footer-inner-wrap h2,
.site-footer .site-middle-footer-inner-wrap h3,
.site-footer .widget-title {
	margin: 0 0 14px;
	font-family: var(--ph-font-body);
	font-size: 0.6875rem;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #8FA5CC;
}

/* Znak firmowy zostaje w kroju nagłówkowym i jest wyraźnie większy —
   to on trzyma tożsamość całej stopki. */
.site-footer .site-footer-section:first-child h2 {
	font-family: var(--ph-font-heading);
	font-size: 1.25rem;
	font-weight: 600;
	letter-spacing: -0.01em;
	text-transform: none;
	color: #FFFFFF;
	margin-bottom: 12px;
}

/* --- Listy odnośników ---------------------------------------------------- */

.site-footer .ph-footer-list,
.site-footer .wp-block-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.site-footer .ph-footer-list li,
.site-footer .wp-block-list li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.site-footer .ph-footer-list li::marker,
.site-footer .wp-block-list li::marker { content: ""; }

.site-footer .ph-footer-list a,
.site-footer .wp-block-list a {
	display: block;
	padding: 5px 0;
	font-family: var(--ph-font-body);
	font-size: 0.875rem;
	line-height: 1.45;
	color: #C9D5EC;
	text-decoration: none;
	transition: color var(--ph-transition), transform var(--ph-transition);
}

.site-footer .ph-footer-list a:hover,
.site-footer .wp-block-list a:hover {
	color: #FFFFFF;
	transform: translateX(2px);
}

/* --- Opis marki ---------------------------------------------------------- */

.site-footer .site-footer-section:first-child p {
	max-width: 32ch;
	font-size: 0.875rem;
	line-height: 1.65;
	color: #9FB2D4;
}

/* --- Pasek dolny --------------------------------------------------------- */

.site-footer .site-bottom-footer-inner-wrap {
	border-top: 1px solid rgba(255, 255, 255, 0.12);
	padding-top: 18px;
	padding-bottom: 18px;
	font-size: 0.8125rem;
	color: #8FA5CC;
}

.site-footer .site-bottom-footer-inner-wrap p { margin: 0; font-size: 0.8125rem; }

.site-footer .site-bottom-footer-inner-wrap a {
	color: #B9C7E2;
	text-decoration: none;
	transition: color var(--ph-transition);
}

.site-footer .site-bottom-footer-inner-wrap a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* --- Rytm pionowy -------------------------------------------------------- */

.site-footer .site-middle-footer-inner-wrap {
	padding-top: 40px;
	padding-bottom: 28px;
	gap: 24px;
}

@media (max-width: 768px) {
	.site-footer .site-middle-footer-inner-wrap {
		padding-top: 30px;
		padding-bottom: 20px;
		gap: 22px;
	}
}

/* --- Przewijanie do sekcji ------------------------------------------------ */

html { scroll-behavior: smooth; }

[id="services"], [id="how-it-works"], [id="faq"], [id="order-form"] {
	scroll-margin-top: 110px;
}

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }