.o-subfooter {
	@include template(copyright, list, trademark);
	@include z(z-subfooter);
	@include contain;
	@include font-size(xs);
	@include font-weight(medium);
	display: grid;
	grid-template-rows: auto 1fr;
	grid-template-columns: 1fr space(1) 1fr;
	grid-template-areas:
		"list . copyright"
		"list . trademark";
	padding: space(3) 0;
	border-top: 1px solid rgba(palette(primary, 200), 0.5);
	color: palette(primary, 200);

	@include mq($o-footer-bp-large) {
		grid-template-rows: auto;
		grid-template-columns: 2fr 7fr 3fr;
		grid-template-areas: "copyright list trademark";
	}
}


.o-subfooter__copyright {
	display: flex;
	flex-wrap: wrap;
	padding-right: space(2);

	@include mq($max: $o-footer-bp-large) {
		justify-content: flex-end;
		padding-right: 0;
	}
}


.o-subfooter__list {
	margin: 0;
	list-style: none;
	display: flex;

	@include mq($max: $o-footer-bp-large) {
		flex-direction: column;
		flex-wrap: wrap;
	}
}


.o-subfooter__item {
	@include mq($max: $o-footer-bp-large) {
		@include owl(space(1));
		width: 100%;
	}
	@include mq($o-footer-bp-large) {
		&:nth-child(n+2) {
			margin-left: space(2);
		}
	}
}


.o-subfooter__link {
	color: palette(primary, 200);
	text-decoration: none;
	transition: color 200ms linear;

	&:hover {
		color: palette(neutral, 0);
	}
}


.o-subfooter__trademark {
	text-align: right;

	@include mq($max: $o-footer-bp-large) {
		margin-top: space(1);
	}
}