/** @format */

#footer {
	position: relative;
	z-index: 10;
	width: 100%;
	color: var(--color-light-blue);
	background-color: var(--color-black-blue);
}

.footer__inner_container {
	display: flex;
	flex-direction: column;
	gap: calc(var(--universal-gap) * 2);
	width: 100%;
	padding: calc(var(--universal-gap) * 3) 0 calc(var(--universal-gap) * 1.5);
}

.footer__row {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: calc(var(--universal-gap) * 1);
}

.footer__row:has(.wiegel_socialmedia) {
	justify-content: flex-end;
}
.footer__row:has(.footer__copyright) {
	flex-direction: row-reverse;
}
.footer_nav_wrapper {
	display: flex;
	gap: calc(var(--universal-gap) * 2);
}

#footer .nav--footer_right ul.menu,
#footer .nav--footer_left ul.menu,
#footer .nav--footer_sub ul.menu {
	display: flex;
	flex-wrap: wrap;
}

#footer .nav--footer_right ul.menu,
#footer .nav--footer_left ul.menu {
	flex-direction: column;
	gap: 0.7em;
}

#footer .nav--footer_sub ul.menu {
	gap: 0.7em;
	/* gap: var(--universal-gap); */
}

#footer .nav--footer_right li.menu-item:first-of-type,
#footer .nav--footer_left li.menu-item:first-of-type {
	font-weight: var(--fw-bold);
}
.wiegel_social svg {
	height: 70%;
	width: 70%;
	object-fit: contain;
}
.wiegel_social svg path {
	fill: var(--color-black-blue);
}

.wiegel_socialmedia {
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
	gap: calc(var(--universal-gap) / 2);
}

.wiegel_socialmedia a {
	background-color: var(--color-light-blue);
	display: flex;
	width: min(50px, 5rem);
	height: min(50px, 5rem);
	border-radius: 50%;
	aspect-ratio: 1 / 1;
	justify-content: center;
	align-items: center;
	padding: min(8px, 0.8rem);
	transition: all 300ms ease-in-out;
}
.wiegel_socialmedia a:hover {
	opacity: 0.7;
}

@media screen and (max-width: 600px) {
	.footer__row,
	.footer_nav_wrapper,
	.footer__row:has(.footer__copyright) {
		flex-direction: column;
	}
	.wiegel_socialmedia {
		justify-content: flex-start;
	}
	#footer .nav--footer_sub ul.menu {
		flex-direction: column;
	}
}