@import '../../stylesheets/_variables.scss';

.woocommerce-admin-page__extensions .woocommerce-layout__footer {
	background: #f6f7f7;
	// Undo default fixed footer style used in WC Admin
	position: relative;
	width: 100%;
}

.woocommerce-marketplace__footer {
	box-sizing: content-box;
	max-width: $content-max-width;
	margin: auto;
	padding: 48px $content-spacing-large;

	&-title {
		color: $gutenberg-gray-900;
		font-size: 20px;
		font-style: normal;
		font-weight: 500;
		line-height: 28px;
		max-width: 389px;
		margin: 0 0 $content-spacing-large;
	}

	a {
		text-decoration: none;
	}

	&-columns {
		display: flex;
		flex-direction: column;
		gap: $large-gap;
	}

	&-logo {
		color: $woo-purple-50;
		display: flex;
		font-size: 14px;
		font-weight: 600;
		line-height: 20px;
		gap: $small-gap;
		margin: 48px 0 0;
	}
}

@media screen and (min-width: $breakpoint-medium) {
	.woocommerce-marketplace__footer-columns {
		flex-direction: row;
	}
}