/* ============================================================
 * FOOTER - haarlijn bovenaan, kolommen uit de menu-locaties
 * footer_1 t/m footer_3, onderbalk met copyright en legal.
 * ============================================================ */

.site-footer{
	background-color: var(--bg);
	color: var(--fg);
	margin-top: auto;
	padding-inline: var(--section-padding-left);
	padding-block: 4rem 2rem;
	border-top: var(--hairline-strong);
}
.site-footer__inner{
	max-width: var(--section-max-width);
	margin-inline: auto;
}

.site-footer p,
.site-footer li,
.site-footer a{
	margin-bottom: 0;
}
.site-footer a{
	text-decoration: underline;
	text-underline-offset: 0.22em;
	text-decoration-thickness: 1px;
	transition: text-decoration-thickness var(--transition-fast) var(--ease);
}
.site-footer a:hover{
	text-decoration-thickness: 2px;
}


/* KOLOMMEN */
.site-footer__grid{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(12rem, 100%), 1fr));
	gap: 3rem var(--gap);
	padding-bottom: 4rem;
}

.site-footer__tagline{
	max-width: 26ch;
	margin-top: 1rem;
	color: var(--fg-muted);
}

.site-footer__heading{
	margin-top: 0;
	margin-bottom: 1rem;
	font-size: var(--meta-size-small);
	font-variation-settings: var(--vf-meta);
	letter-spacing: 0.1em;
	line-height: 1.4;
	text-transform: uppercase;
	color: var(--fg-quiet);
}

.site-footer__list{
	list-style: none;
	margin: 0;
	padding: 0;
}
.site-footer__list li + li{
	margin-top: 0.5rem;
}


/* CONTACT - staat boven de menulinks in dezelfde kolom en ziet er
   identiek uit; de gegevens komen uit de Customizer. */
.site-footer__list + .site-footer__list{
	margin-top: 0.5rem;
}


/* BETAALMETHODES - omlijnd, monochroom, geen merkkleur. */
.site-footer__pay{
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	list-style: none;
	margin: 1rem 0 0;
	padding: 0;
}
.site-footer__pay li{
	border: var(--hairline);
	padding: 0.4em 0.7em;
	font-size: var(--meta-size-small);
	font-variation-settings: var(--vf-meta);
	letter-spacing: 0.06em;
	line-height: 1.4;
	color: var(--fg-muted);
}


/* SOCIALE KANALEN - lijniconen, dezelfde kleur als de tekst eromheen. */
.site-footer__social{
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	list-style: none;
	margin: 1.5rem 0 0;
	padding: 0;
}
.site-footer__social a{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.5rem;
	border: var(--hairline);
	color: var(--fg-muted);
	text-decoration: none;
	transition: color var(--transition-fast) var(--ease),
	            border-color var(--transition-fast) var(--ease);
}
.site-footer__social a:hover,
.site-footer__social a:focus-visible{
	color: var(--fg);
	border-color: var(--fg);
}
.site-footer__social svg{
	display: block;
}


/* ONDERBALK */
.site-footer__base{
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 0.75rem var(--gap);
	padding-top: 1.5rem;
	border-top: var(--hairline);
	color: var(--fg-quiet);
}
.site-footer__base p,
.site-footer__base a{
	font-size: var(--meta-size-small);
	font-variation-settings: var(--vf-meta);
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: inherit;
}
.site-footer__base-list{
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem var(--gap);
	list-style: none;
	margin: 0;
	padding: 0;
}
.site-footer__base-list li{
	margin: 0;
}