/**
 *
 * micromagnetics.de
 * Copyright 2025 Daniel Czarnecki <d.czarnecki@outlook.de>
 * Alle Rechte vorbehalten.
 *
 */

body > footer
{
	display: block;
	width: 100%;
	background-color: var(--color-bg-primary-alt);
	color: var(--color-label-primary-alt);
}
body > footer > .container
{
	display: flex;
}
body > footer > .container ul 
{
	list-style: none;
}

/* Coyright */
body > footer > .copyright 
{
	text-align: center;
	padding: 1rem 0 2rem 0;
	font-size: 0.75rem;
}
body > footer > .copyright .socialmedia
{
	padding: 1.5rem;
}
body > footer > .copyright .socialmedia a
{
	font-size: 1.75rem;
	padding: 0 0.5rem;
	color: var(--color-label-secondary-alt);
}
body > footer > .copyright .socialmedia a:hover
{
	font-size: 1.75rem;
	padding: 0 0.5rem;
	color: var(--color-tint-primary-alt);
}
body > footer > .copyright img 
{
	height: 3rem;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

@media screen and (min-width: 58rem) /* DESKTOP */
{
	body > footer > .container
	{
		flex-direction: row;
	}
	body > footer > .container ul.sitemap 
	{
		flex: 3.5;
	}
		
	/* Sitemap */	
	body > footer > .container > ul.sitemap
	{
		margin-top: 1rem;
	}
	body > footer > .container > ul.sitemap li.title
	{
		font-weight: 500;
		font-size: 0.85rem;
		letter-spacing: 0.025rem;
		color: var(--color-label-primary-alt);
	}
	body > footer > .container > ul.sitemap li.title.spacer
	{
		margin: 3rem 0 0 0;
	}
	body > footer > .container > ul.sitemap a
	{
		color: var(--color-label-secondary-alt);;
		font-size: 0.85rem;
		text-decoration: none;
	}
	body > footer > .container > ul.sitemap a:hover
	{
		color: var(--color-label-primary-alt);
		text-decoration: underline;
	}

	/* Features */
	body > footer > .container ul.features
	{
		flex: 4;
		margin-top: 1rem;
		font-size: 0.90rem;
		line-height: 2.05rem;
	}
	
	body > footer > .container ul.features li
	{
		position: relative;
		padding: 0 0 0 3rem;
	}
	
	body > footer > .container ul.features li i
	{
		position: absolute;
		left: 1.15rem;
		top: 0;
		font-size: 1.15rem;
		color: var(--color-tint-primary-alt);
	}	
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

@media screen and (max-width: 58rem) /* MOBILE */
{
	body > footer > .container
	{
		flex-direction: column;
	}

	/* Sitemap */	
	body > footer > .container > ul.sitemap
	{
		
		text-align: center;
	}
	body > footer > .container > ul.sitemap li.title
	{
		padding: 0.75rem 0;
		font-weight: 500;
		font-size: 0.9rem;
		color: #fff;
		border-top: 1px solid var(--color-separator-secondary-alt);
	}
	body > footer > .container > ul.sitemap li.title:first-child
	{
		border-top: 0;
	}
	body > footer > .container > ul.sitemap a
	{
		display:block;
		padding: 0.75rem 0;
		color: var(--color-label-secondary-alt);
		font-size: 0.9rem;
		text-decoration: none;
	}
	body > footer > .container > ul.sitemap a:hover
	{
		color: var(--color-label-primary-alt);;
		background-color: var(--color-fill-tertiary-alt);
	}

	/* Features */
	body > footer > .container ul.features
	{
		order: -1;
		display: flex;
		flex-wrap: wrap;
		text-align: center;
		font-size: 0.75rem;
		line-height: 1.25rem;
	}
	body > footer > .container ul.features li
	{
		width: calc(100%/3);
		padding: 1rem;
		border-bottom: 1px solid var(--color-separator-secondary-alt);
	}
	body > footer > .container ul.features li:nth-child(2),
	body > footer > .container ul.features li:nth-child(5),
	body > footer > .container ul.features li:nth-child(8)
	{
		border-left: 1px solid var(--color-separator-secondary-alt);
		border-right: 1px solid var(--color-separator-secondary-alt);
	}
	body > footer > .container ul.features li i
	{
		display: block;
		font-size: 1.75rem;
		margin-bottom: 0.75rem;
		color: var(--color-tint-primary-alt);
	}
}