@import '../../../../css/scss/variables';
@import '../../../../css/scss/mixins';

.main-content .shrk-wcvendors-wrapper {
	a.button {
		border-right: 2px solid $color-darker-gray;
		background-color: transparent;
		color: $color-dark-gray;
		padding: 0 10px 0 0;
		margin-left: 5px;

		&:hover,
		&:focus,
		&:active,
		&:active:hover {
			color: $color-primary; /* redux[color: main_theme_color] */
			background-color: transparent;
		}

		&:first-child {
			margin-left: 0;
		}

		&:last-child {
			border-right: 0;
			padding-right: 0;
		}
	}

	.table {
		border: 0;
		border-collapse: collapse;

		tr {
			border-bottom: 2px solid rgba(0,0,0,0.1);
		}

		thead {
			tr {
				th {
					border: 0;
				}
			}
		}

		tbody {
			tr {
				border-color: rgba(0,0,0,0.05);
					
				&:last-child {
					border: 0;
				}
			}

			td {
				border: 0;
			}
		}

		&.table-striped {
			thead tr {
				border: none;
			}

			tbody tr,
			tbody tr td {
				background-color: transparent;
			}

			tbody > tr {
				border-color: transparent;
				background-color: transparent;
			}

			tbody > tr:nth-child(3n+1) {
				td {
					background-color: rgba(0,0,0,0.05);

					&:first-child {
						background-color: transparent;
						font-weight: bold;
					}
				}
			}

			tbody > tr:nth-child(3n) td {
				padding-top: 0;

				.order-comments-link {
					font-size: 0.9em;
					line-height: 1.2em;
				}
			}

			dd, dl, p {
				margin-bottom: 5px;

				&:last-child {
					margin-bottom: 0;
				}
			}
		}

		@include until($bp-sm) {
			overflow-x: auto;
		}
	}

	.order-comments {
		input[name="submit_comment"] {
			width: auto;
		}
	}


	&.template-orders {
		> h2 {
			text-align: left;
		}

		table {
			@include until($bp-sm) {
				overflow-x: auto;
				display: block;
			}
		}
	}

	&.template-csv-export {
		.btn-small {
			padding: 5px 10px;
			line-height: 1.5em;
		}
	}

	&.template-reports {
		> h2,
		> form {
			text-align: center;
		}

		& + .template-orders {
			> h2 {
				text-align: center;
			}
		}

		input.date-pick {
			padding: 3px 10px;
		}

		input.btn-small {
			padding: 5px 10px;
			line-height: 1.5em;
		}
	}

	&.template-links {
		> form {
			text-align: center;
			margin-bottom: 2em;
		}
	}

	&.template-denied {
		text-align: center;
	}

	.pv_paypal_container,
	.pv_shop_name_container,
	#pv_seller_info_container,
	#pv_shop_description_container {
		margin-bottom: 3em;
	}
}

.wcv_vendorslist {
	padding: 0;
	
	.avatar {
		border-radius: 100%;
		margin-bottom: 1em;
	}

	a.button {
		@include button-mini();
	}
}

.woocommerce .product .wcvendors_sold_by_in_loop a {
	@include color-link-inv();
}

.woocommerce.products-style-a .product .wcvendors_sold_by_in_loop {
	text-align: left;
	display: inline-block;
	width: 100%;
}

.page-cover.wc-vendors-cover-title {
	h1.page-title {
		display: none;
	}
}