// ============================================================================
// :: FOOTER
// ============================================================================
.o-footer {
	position: relative;

	padding: 5.5rem 3rem 4rem;

	background-color: $background-color-white;

	.l-container {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	&::before {
		content: "";

		position: absolute;
		top: 0;
		left: 0;

		display: block;
		width: 100%;

		height: 0.5rem;

		background: $gradient-primary;
	}
}

// ============================================================================
// :: Elements
// ============================================================================
.o-footer__nav {
	display: flex;
	justify-content: space-between;

	width: 100%;
}

.o-footer__social {
	width: 100%;
	margin-top: 4rem;
	padding-top: 2rem;

	border-top: $border-light;
}

.o-footer__disclaimer {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin-top: 3rem;

	p {
		font-family: $font-family-roboto;
		font-weight: $font-weight-thin;
		font-size: $font-size-1x-small;
		white-space: nowrap;

		color: $text-color;
	}

	.m-list--disclaimer {
		margin-left: 2rem;
	}
}

.o-footer__collapse {
	padding: 2rem 0;

	border-bottom: $border-light;

	&:last-child {
		border-bottom: none;
	}

	.m-collapse__header h6 {
		font-size: $font-size-1x-small;

		&[class*="icon"]::before {
			margin-right: 1rem;

			color: $text-color-primary;
		}
	}

	.m-collapse__header::before {
		color: $text-color-grey;
	}

	.m-collapse__content {
		margin-left: 0;
	}

	.m-collapse__content__container {

		.m-list__item {

			.a-link {
				font-family: $font-family-beausans;
				font-weight: $font-weight-normal;
				font-size: $font-size-1x-small;
				line-height: $line-height;
			}
		}
	}
}

// ============================================================================
// :: Modifiers
// ============================================================================
.o-footer--mobile {
	padding: 2rem;

	.o-footer__social {
		margin-top: 0;
	}

	.o-footer__disclaimer {
		display: flex;
		flex-direction: column;
		align-items: center;

		.m-list--disclaimer {
			justify-content: center;

			.m-list__item:first-of-type::before {
				display: none;
			}
		}
	}
}