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

.main-content .dokan-w3 + .dokan-single-store.dokan-w8 {
	width: 72%;
}

.main-content .dokan-single-store.dokan-w8 {
	width: 100%;
}


@include until($bp-md) {
	.main-content .dokan-w3,
	.main-content .dokan-w3 + .dokan-single-store.dokan-w8,
	.main-content .dokan-single-store.dokan-w8 {
		width: 100%;
	}
}

.main-content .dokan-form-control,
.mfp-content .dokan-form-control {
	height: initial;
	line-height: normal;
	text-align: left;
	font-weight: 600;
	color: #8D8D8D;
	border: 2px solid transparent;
	transition: border-color 0.2s cubic-bezier(0, 0, 0.26, 1), background-color 0.2s cubic-bezier(0, 0, 0.26, 1);

	padding: 1.65em 1em;
	font-size: 14px;
	background-color: #eaeaea;

	border-radius: 0;
	text-shadow: none;
	box-shadow: none;
}

.main-content,
.mfp-content {
	input[type="submit"].dokan-btn, 
	a.dokan-btn, 
	.dokan-btn {
		background-color: $color-primary; /* redux[background-color: main_theme_color] */
		color: #fff;
		border: none;
		border-radius: 0;
		font-weight: 900;
		line-height: 2em;

		&:hover {
			background-color: $color-primary; /* redux[background-color: main_theme_color] */
			opacity: 0.7;
		}
	}

	.dokan-message, .dokan-info, .dokan-error {
		border-radius: 0;
		padding: 1.4em 1.4em 1.4em 4.5em !important;
		margin: 0 0 2em;
		position: relative;
		background-color: $color-dark-gray;
		color: #fff;
		font-size: 15px;
		font-weight: 700;
		border: 0;
		list-style: none outside !important;

		&:before {
			background-color: transparent;
			top: 50%;
			padding: 0;
			font-size: 18px;
			left: 25px;
			@include transform(translateY(-50%));
		}
	}

	.dokan-alert {
		border-radius: 0;
	}
}

.dokan-single-store .profile-frame .profile-info-box .profile-info-summery-wrapper .profile-info-summery {
	line-height: 21px;
}

.dokan-store {
	&.woocommerce .woocommerce-breadcrumb {
		display: none;
	}

	.page-cover {
		.page-header .page-title {
			display: none;
		}

		.profile-info-box .profile-info-img {
			display: none;
		}

		.profile-info ul {
			list-style: none;
			padding-left: 0;

			.seller-rating {
				display: none;
			}

			&.store-social {
				li {
					display: inline-block;
					margin-right: 10px;

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

		.profile-img {
			margin-bottom: 1.5em;

			img {
				border-radius: 100%;
			}
		}

		&.dark {
			.dokan-store-info span,
			.dokan-store-info a, .dokan-store-info a:visited,
			.dokan-store .store-social a {
				color: #fff;
			}			
		}

		.dokan-store-info {
			display: flex;
			justify-content: center;

			@include until($bp-sm) {
				flex-direction: column;
			}

			li {
				margin-right: 1em;
				padding-right: 1em;
				border-right: 2px solid #ffffff36;

				i {
					margin-right: 0.4em;
				}

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

		.store-social a i {
			font-size: 22px;
		}

		.dokan-store-tabs ul {
			list-style: none;
			display: flex;
			flex-align: center;
			align-items: center;
			justify-content: center;
			padding-left: 0;

			@include until($bp-sm) {
				display: block;
			}

			li {
				margin-right: 1em;

				@include until($bp-sm) {
					display: inline-block;
					margin-bottom: 1em;
					float: none !important; // Override plugin's important......
				}

				a, button {
					background-color: $color-primary; /* redux[background-color: main_theme_color] */
					padding: 6px 10px;
					color: #fff;
					line-height: 1em;
					font-size: 100%;
					margin: 0;
					border-radius: 2px;
					border: 0;
					display: inline-block;
					font-weight: 700;
					@include transition(all $duration-all $fn-cubic);

					i {
						font-size: 13px;
					}

					&:hover {
						background-color: #fff;
						color: $color-primary; /* redux[color: main_theme_color] */
						opacity: 1;
					}
				}

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

	#dokan-content #reviews,
	#dokan-content #store-toc-wrapper {
		@include at-least($bp-md) {
			margin-top: -28px;
		}
	}

	#dokan-content {
		// Undo negative top margin when there is the dokan header
		.profile-frame + #reviews,
		.dokan-store-tabs + #reviews,
		.profile-frame + #store-toc-wrapper,
		.dokan-store-tabs + #store-toc-wrapper {
			margin-top: 0;
		}
	}
}

.widget {
	&.dokan-category-menu {
		border: none;
	
		h3.widget-title {
			background-color: transparent;
			border: 0;
			margin: 0 0 1.5em 0;
			padding: 0 0 2em 0;

		}

		#cat-drop-stack > ul li.parent-cat-wrap {
			background-color: transparent;

			a {
				margin: 0;
				font-weight: 900 !important;

				&.selected {
					color: $color-primary; /* redux[color: main_theme_color] */
				}
			}

		} 
	}

	#dokan-store-location {
		height: 200px;
	}

}

/**
 * Store list
 */
.dokan-seller-listing {
	.dokan-seller-search {
		// Who's more important. The theme or the plugin..
		height: initial;
		line-height: normal;
		text-align: left;
		font-weight: 600;
		color: #8D8D8D;
		border: 2px solid transparent !important;
		transition: border-color 0.2s cubic-bezier(0, 0, 0.26, 1), background-color 0.2s cubic-bezier(0, 0, 0.26, 1);

		padding: 1.2em 1em !important;
		font-size: 14px;
		background-color: #eaeaea !important;
		background-image: none !important;

		border-radius: 0 !important;
		text-shadow: none;
		box-shadow: none;
	}

	form.dokan-seller-search-form {
		display: flex;
		justify-content: center;
		margin-bottom: 4em;
		
		input#search.dokan-seller-search {
			width: 50%;

			@include until($bp-sm) {
				width: 100%;
			}			
		}
	}

	#dokan-seller-listing-wrap ul.dokan-seller-wrap li .store-wrapper {
		box-shadow: none;
	}

	#dokan-seller-listing-wrap ul.dokan-seller-wrap li .store-footer {
		background-color: #fff;
		border: 0;

		.dokan-btn {
			padding: 0 10px;
		}

		.seller-avatar {
			padding: 0;
			box-shadow: none;
		}
	}

	#dokan-seller-listing-wrap ul.dokan-seller-wrap li {
		position: relative;
 		

 		.store-content .store-info {
			.store-data h2 a,
			.store-data p {
				text-shadow: none;
			}

			.featured-favourite {
				padding-bottom: 0;
			}
		}

		.products-hover-shadow & {
			.store-wrapper {
				position: relative;
			}

			.store-wrapper:after {
				content: '';
				position: absolute;
				top:0; left:0; width: 100%; height: 100%;
				box-shadow: 0 0 100px 0 rgba(0,0,0,0.2);
				opacity: 0;
				transition: opacity $duration-opacity $fn-cubic; // 
			}

			&:hover {
				.store-wrapper:after {
					opacity: 1;
				}
			}
		}

		&.no-banner-img {
			.store-content .store-info .store-data-container {
				background-color: rgba(0,0,0,0.07);
			}
		}
	}
}

/**
 * Registration form
 */
.woocommerce form.register {
	.user-role {
		label {
			padding-left: 20px;
		}

		input[type="radio"] {
			margin-top: 10px;
		}
	}
}

.mfp-content {
	.dokan-share-popup-wrapper {
		padding: 20px;
		background-color: $color-darker-gray;
		color: #fff;

		.dokan-share-wrap {
			font-weight: bold;

			.jssocials-share .jssocials-share-link {
				color: #fff;	

				&:hover {
					color: $color-primary; /* redux[color: main_theme_color] */
				}
			}
		}

		.mfp-close {
			color: #fff;
			opacity: 0.7;
		}
	}

	.dokan-support-login-wrapper {
		padding: 30px !important; // Override plugin's important.....

		h2, .dokan-support-intro-text {
			font-size: 20px;
			border-bottom: 0;
			margin-top: 0;
		}

		&.dokan-alert {
			font-weight: 700;
			text-align: center;
			color: $color-darker-gray;
		}
	}
}
