/* Custom footer för CPT:n `kampanj` (views/partials/footer-kampanj.twig).
   Laddas via [load_css handle="kampanj-footer"] i footer-partialen.

   Allt som footern delar med den riktiga footern (bakgrund, sektionspadding,
   innehållsbredd, hover, rubriker, länkfärger, mobil-grid-reset) kommer från
   assets/css/global/. Här ligger bara det som är unikt för kampanj-footern:
   ordmärket i full bredd. */

.kampanj-footer {
	/* Avstånd mellan länkraden och ordmärket. */
	--kampanj-footer-logo-gap: clamp(4rem, 7vw, 11rem);
}

/* Cookieinställningar och Integritetspolicy staplas, till skillnad från den
   riktiga footern där .footer-extra-links lägger dem på rad. */
.kampanj-footer .footer-extra-links {
	flex-direction: column;
	gap: 1.4rem;
}

.kampanj-footer .linkedin-link {
	display: inline-block;
	margin-block-start: 1.4rem;
}

/* ---------- Ordmärket ---------- */

.kampanj-footer__logo {
	grid-column: 1 / -1;
	margin-block-start: var(--kampanj-footer-logo-gap);
}

.kampanj-footer__logo svg {
	display: block;
	inline-size: 100%;
	block-size: auto;
}

/* Samma hook som footer a.logo-link i menus/menu-global.css: ordmärket ligger
   i #Group, pilen utanför och behåller sin --primary-färg. */
.kampanj-footer__logo #Group path {
	fill: var(--primary-light);
}