/* Partner Map — сквозной футер сайта (фаза 4h): колонки со ссылками и нижняя строка с юридическими страницами.
 * Дополняет header.css (переменные и .pm-nav оттуда). Колонки переносятся по ширине экрана. */

.pm-sitefooter {
	box-sizing: border-box;
	margin: 3rem 0 0;
	padding: 2.5rem clamp(16px, 2vw, 24px) calc(1rem + var(--pm-safe-b, 0px));
	background: #f8fafc; border-top: 1px solid var(--pm-line, #e2e8f0);
	font: 15px/1.5 system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
	color: var(--pm-fg, #1f2937);
}
.pm-sitefooter *, .pm-sitefooter *::before, .pm-sitefooter *::after { box-sizing: border-box; }

.pm-sitefooter__cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 1.75rem 2.5rem; align-items: start; }
.pm-sitefooter__brand { display: flex; flex-direction: column; align-items: flex-start; gap: 0.6rem; }
.pm-sitefooter .pm-brand { font-size: 17px; gap: 8px; }
.pm-sitefooter .pm-brand__logo { height: 40px; max-width: 200px; }
.pm-sitefooter__tagline { margin: 0; color: var(--pm-muted, #64748b); font-size: 0.9em; max-width: 34ch; }
.pm-sitefooter__contact { margin-top: 0.2rem; }

.pm-sitefooter__col { min-width: 0; }
.pm-sitefooter__title { margin: 0 0 0.6rem; font-size: 0.75em; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--pm-muted, #64748b); }
.pm-sitefooter .pm-nav { flex-direction: column; gap: 0.1rem; }
.pm-sitefooter .pm-nav a { padding: 4px 0; border-radius: 0; font-weight: 400; color: inherit; }
.pm-sitefooter .pm-nav a:hover { background: none; text-decoration: underline; }
.pm-sitefooter__count { color: var(--pm-muted, #64748b); font-size: 0.85em; }

.pm-sitefooter__bottom {
	display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 1.5rem;
	margin-top: 2rem; padding-top: 1rem; border-top: 1px solid var(--pm-line, #e2e8f0);
	font-size: 0.85em; color: var(--pm-muted, #64748b);
}
.pm-sitefooter__legal { display: flex; flex-wrap: wrap; gap: 0.35rem 1.25rem; margin: 0; padding: 0; list-style: none; }
.pm-sitefooter__legal li { margin: 0; }
.pm-sitefooter__legal a { color: inherit; text-decoration: none; }
.pm-sitefooter__legal a:hover { color: var(--pm-fg, #1f2937); text-decoration: underline; }
.pm-sitefooter__attr { margin-left: auto; }

@media (max-width: 600px) {
	.pm-sitefooter { padding-top: 2rem; }
	.pm-sitefooter__attr { margin-left: 0; flex-basis: 100%; }
}