/*
Copyright (C) 2026 amorphea

This file is part of Grevillea.

Grevillea is free software: you can redistribute it and/or modify it under the
terms of the GNU Affero General Public License as published by the Free
Software Foundation, either version 3 of the License, or (at your option)
any later version.

Grevillea is distributed in the hope that it will be useful, but WITHOUT ANY
WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
details.

You should have received a copy of the GNU Affero General Public License
along with Grevillea. If not, see <https://www.gnu.org/licenses/>.
*/

footer {
	background-color: #a57bb0;
	color: white;
	font-size: 0.8em;
	padding-top: 3rem;
	padding-bottom: 4rem;
}

.footer-content {
	padding-inline: 13px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	gap: 1rem;
}
.footer-content .footer-text {
	flex: 1 1 20rem;
	display: flex;
	flex-flow: column nowrap;
	gap: 1rem;
}
.footer-content .footer-text a {
	color: white;
	border-bottom: 1px solid white;
}
.footer-content .footer-text a:hover {
	color: white;
	border-bottom: 2px solid white;
}
.footer-content .footer-text a:visited {
	color: white;
	border-bottom: 1px solid white;
}
.footer-content .footer-links {
	display: flex;
	flex-flow: row wrap;
	column-gap: 1.6em;
	overflow: clip;
}
/* add bullets automatically between footer items. based on https://stackoverflow.com/a/31220698 */
.footer-content .footer-links > span {
	position: relative;
}
.footer-content .footer-links > span:before {
	content: "";
	position: absolute;
	background-color: white;
	border-radius: 1em;
	width: 0.34em;
	height: 0.34em;
	left: calc(-0.8em + -0.15rem);
	/* vertically center the bullet */
	margin-top: auto;
	margin-bottom: auto;
	top: 50%;
	bottom: 50%;
}
.footer-content .footer-icons-area {
	flex: 0 100 max-content;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	gap: 1rem;
}
.footer-content .footer-icon {
	display: flex;
	padding: 0;
	margin: 0;
	border-bottom: none;
	flex: 0 0 auto;
	width: 5rem;
	align-items: center;
	justify-content: center;
}
.footer-content .footer-icon svg {
	border-radius: 0.5rem;
	height: calc((325 / 512) * 4rem);
	width: calc((512 / 512) * 4rem);
}
.footer-content .footer-icon-rect {
	height: 3rem;
}
.footer-content .footer-icon-circle {
	height: 5rem;
	background: white;
	border-radius: 6rem;
}
.footer-content a.footer-icon:hover, .footer-content a.footer-icon:visited {
	color: inherit;
	border-bottom: none;
}