.c-footer {
	padding: calc(var(--spacing-lg)) 0;
	color: var(--color-white);
	background-color: var(--color-primary);

	@media (width > 768px) {
		padding: calc(var(--spacing-lg) + var(--spacing-md)) 0;
	}

	.c-footer__container {
		display: flex;
		flex-direction: column;
		gap: calc(var(--spacing-md) * 2);

		@media (width > 768px) {
			gap: var(--spacing-md);
		}
	}

	.c-footer__top {
		display: flex;
		gap: calc(var(--spacing-lg) * 4);

		@media (width <= 992px) {
			flex-direction: column;
			gap: calc(var(--spacing-md) + var(--spacing-xs));
		}

		@media (width > 768px) and (width <= 1200px) {
			gap: calc(var(--spacing-lg) * 1.5);
		}
	}

	.c-footer__left {
		@media (width > 992px) {
			width: 41%;
		}
	}

	.c-footer__logo {
		display: inline-block;
		margin-bottom: var(--spacing-md);

		img {
			width: auto;
			height: 46px;
		}
	}

	.c-footer__navigation {
		display: flex;
		gap: var(--spacing-lg);

		@media (width <= 400px) {
			flex-direction: column;
		}

		@media (width > 400px) and (width <= 600px) {
			flex-wrap: wrap;
		}

		@media (width > 992px) {
			gap: var(--spacing-md);
			width: 50%;
		}

		ul {
			display: flex;
			flex-direction: column;
			gap: var(--spacing-xs);
			list-style: none;
			margin: 0;
			padding: 0;
		}
	}

	.c-footer__navigation-column {
		@media (width > 400px) and (width <= 600px) {
			min-width: 33%;
		}

		@media (width > 600px) {
			width: 33%;
		}
	}

	.c-footer__navigation-heading {
		font-weight: 700;

		@media (width > 768px) {
			font-weight: 400;
		}
	}

	.c-footer__bottom {
		display: grid;
		grid-template-areas:
			'copyright copyright'
			'logos social-icons';
		gap: var(--spacing-sm);

		@media (width <= 992px) {
			grid-template-areas:
				'social-icons'
				'copyright'
				'logos';
		}
	}

	.c-footer__copyright {
		grid-area: copyright;

		@media (width <= 992px) {
			text-align: right;
		}
	}

	.c-footer__logos {
		grid-area: logos;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: var(--spacing-md);

		@media (width <= 992px) {
			justify-content: flex-end;
		}

		img {
			width: auto;
			height: 48px;
		}
	}

	.c-footer__social-icons {
		grid-area: social-icons;
		display: flex;
		justify-content: flex-end;
	}
}