@import "../scss/general";
@import "../scss/forms";

.edd-blocks__orders-grid {
	display: grid;
	gap: 1rem;
}

.edd-blocks-orders__order {
	border: 1px solid var(--edd-blocks-light-grey);
	padding: 1rem;
	display: flex;
	flex-direction: column;
	gap: 1rem;

	&-header,
	&-data {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	&-header {
		border-bottom: 1px solid var(--edd-blocks-light-grey);
		padding-bottom: .5rem;
	}

	&-id {
		font-weight: bold;
	}

	&-details {
		flex-basis: 100%;
	}
}