/**
 * marketplace-suggestions.scss
 * Styling for in-product marketplace suggestions.
 */

.marketplace-list-banner {

	h2 {
		color: #555;
	}

	td {
		vertical-align: middle;
	}

	td.marketplace-list-linkout {
		text-align: right;
		padding-right: 3em;
	}
}

@media screen and (max-width: 782px) {

	.marketplace-list-banner {
		display: none;
	}
}

.marketplace-suggestions-container {
	text-align: center;
	margin-top: 2em;
}

.marketplace-suggestions-container[data-marketplace-suggestions-context="products-list-empty-body"] {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;

	.marketplace-card {
		border: 1px solid #e5e5e5;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
		background: #fff;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin: 1em;
		padding: 1.5em;
		text-align: left;
		width: 230px;

		h2 {
			margin-top: 0;
			margin-bottom: 0.5em;
		}

		.button {
			width: 110px;
			text-align: center;
		}
	}
}