/**
 * Plugin front end styles
 *
 * @package WooBuilder_Blocks
 * @version 1.0.0
 */

[style*='--woobk-btn-color'] button {
	background: var(--woobk-btn-color) !important;
}

[style*='--woobk-btn-text'] button {
	color: var(--woobk-btn-text) !important;
}

.woobuilder-block {
	* {
		font-size: inherit;
		font-family: inherit;
		color: inherit;
	}

	.woobk-video {
		position: relative;

		iframe, video {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
	}

	&.woobuilder-rating {
		.star-rating, .woobuilder-review-link {
			display: inline-block;
			vertical-align: middle;
		}
	}

	.star-rating span:before {
		color: inherit;
	}

	.dashicons {
		font-family: dashicons;
	}

	&.woobuilder-style-hide-gallery .flex-control-thumbs {
		display: none;
	}

	.woocommerce &.woobuilder-style-1 {
		a.add_to_cart_button,
		a.added_to_cart,
		form.cart select,
		form.cart button.button,
		form.cart input {
			background: none !important;
			color: inherit !important;
			box-shadow: none;
			border: 2px solid;
			border-radius: 5px;
			padding: 7px 16px;
			height: auto;
			box-sizing: border-box;
			line-height: 20px;
		}

		a.added_to_cart {
			margin-left: 1em;
		}

		form.cart {
			.quantity {
				float: left;
				margin-right: 0.875em;
			}


			select {
				-webkit-appearance: none;
				-moz-appearance: none;
				appearance: none;
			}

			span.sfblocks-select-wrap:after {
				display: none !important;
			}

			span.woobuilder-select-wrap {
				position: relative;
				display: inline-block;

				&:after {
					display: inline-block;
					margin: 0 0 0 -29px;
					position: relative;
					top: .2em;
					font: 900 20px/20px 'Font Awesome 5 Free';
					line-height: inherit;
					vertical-align: baseline;
					content: "\f107";
				}

				select {
					padding-right: 38px !important;
					position: relative;
					z-index: 1;
					max-width: 100%;
				}
			}
		}
	}

	&:after {
		display: block;
		clear: both;
		content: '';
	}

	.quantity + button {
		float: left;
	}

	div.product_meta {
		border: none;
		padding-top: 0;

		&:before {
			content: '';
			display: block;
			border-top: 1px solid;
			opacity: .2;
			margin-bottom: .7em;
		}
	}

	table tbody td {
		background: none;
		vertical-align: middle;
	}
}

/* STICKY WRAPPER */

.woobuilder-add-to-cart-sticky {
	padding: 10px;
	position: fixed;
	left: 0;
	right: 0;
	background: #fff;
	border-top: 1px solid rgba(0, 0, 0, 0.2);
	z-index: 9999999;

	&:not( .woobuilder-style-top ) {
		bottom: 0;

		&.woobk-a2cs-show-on-scroll {
			bottom: -999px;
			transition: bottom .5s;

			&.woobk-a2cs-showing-on-scroll {
				bottom: 0;
			}
		}
	}

	&.woobuilder-style-top {
		top: 0;

		&.woobk-a2cs-show-on-scroll {
			top: -999px;
			transition: top .5s;

			&.woobk-a2cs-showing-on-scroll {
				top: 0;
			}
		}
	}

	.woobk-a2cs-wrap {
		display: flex;
		align-items: center;
		margin: auto;
	}

	.woobk-a2cs-img img {
		width: 50px;
		margin: 0;
		display: block;
	}

	.woobk-a2cs-info {
		margin-left: 10px;

		h3 {
			color: inherit;
			font-size: 1em;
			line-height: 1;
			margin: 0 0 .25em;
		}

		span {
			line-height: 1;
			color: inherit;
			opacity: .88;
			font-size: .79em;
		}
	}

	.woobk-a2cs-cart {
		margin-left: auto;

		p.stock {
			display: none;
		}

		form.cart {
			display: block !important;
			margin: 0 !important;
		}

		.quantity {
			margin: 0;

			.qty {
				display: block;
			}

			label {
				display: none;
			}
		}
	}
}

@media screen and (max-width: 500px) {
	.woobuilder-add-to-cart-sticky {
		padding: 5px;

		.woobk-a2cs-img img {
			width: 40px;
		}

		.woobk-a2cs-info {
			h3 {
				font-size: .88em;
			}

			span {
				font-size: .65em;
			}
		}

		.woobk-a2cs-cart .quantity input {
			display: none;
		}
	}
}

.single-product div.product {
	.woobuilder-style-right-gallery, .woobuilder-style-left-gallery {
		.woocommerce-product-gallery {
			display: flex;
			justify-content: space-between;
			align-items: center;

			a.woocommerce-product-gallery__trigger {
				display: none;
			}

			.flex-viewport {
				flex: 83% 0;
				margin: 0;
			}

			ol.flex-control-nav.flex-control-thumbs {
				flex: 14% 0;

				li {
					width: 100%;
					margin: 0 0 20%;

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

.single-product div.product .woobuilder-style-left-gallery .woocommerce-product-gallery .flex-control-thumbs {
	order: -1;
}

.woobuilder-stock-countdown {
	margin: 1em 0;

	.woobk-stock-countdown-bar {
		margin: 1em 0;
		overflow: hidden;
	}

	.woobk-stock-countdown-bar,
	.woobk-stock-countdown-bar-left {
		height: .7em;
		border-radius: 99px;
	}
}

.woobuilder-sale_counter_wrap {
	.woobuilder-sale_counter {
		display: flex;
		justify-content: space-between;
	}

	svg {
		width: 100%;
	}

	.woob-timr {
		flex: 0 0 100px;
		text-align: center;
		position: relative;
		display: flex;
		flex-direction: column;
	}

	.woob-timr-number {
		font-size: 1.6em;
	}

	&:not([class*='woobuilder-style']) {
		.woob-timr-number,
		.woob-timr-label {
			position: absolute;
			top: 50%;
			left: 0;
			right: 0;
		}

		.woob-timr-number {
			font-size: 1.6em;
			margin: -1.4em;
		}
	}

	&.woobuilder-style-below {
		svg {
			order: 7;
		}
	}

	&.woobuilder-style-no-dial, &.woobuilder-style-colon {
		svg {
			display: none;
		}
	}

	&.woobuilder-style-colon .woob-timr-sep:after {
		content: ':';
		font-size: 1.6em;
		display: block;
		margin-top: -.1em;
	}

}

.woobuilder-images:after {
	content: '';
	display: block;
	clear: both;
}

.woocommerce-product-gallery .ct-image-container,
.woobuilder-block[style*="--img_radius"] img,
.woobuilder-block[style*="--img_radius"] .flex-viewport,
.woobuilder-block[style*="--img_radius"] .woocommerce-product-gallery__image {
	border-radius: var(--img_radius) !important;
	overflow: hidden;
}


.single-product div.product.woobuilder {
	overflow: visible;

	.woocommerce-product-gallery img,
	.woocommerce-product-gallery {
		width: 100%;
		margin: 0;
	}

	.woobuilder-block {
		form.cart {
			display: inline-block;

			span.woobuilder-select-wrap select {
				max-width: 100%;
				width: 100%;
			}
		}

		.woocommerce-product-gallery {
			width: 100% !important;
			margin: 0 !important;

			img {
				width: 100%;
			}
		}
	}
}

.woobuilder-images_carousel {
	position: relative;

	> .slides {
		li {
			display: none;

			&:first-of-type {
				display: block;
				width: 70%;
				height: auto;
			}
		}
	}

	&-navigation {
		a {
			position: absolute;
			z-index: 99;
			background: #fff;
			top: 50%;
			left: 1em;
			padding: 1em 1em 1em 1.6em;
			border-radius: 3px;
			transform: translateY(-50%);
			outline: none;
			box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);

			&:focus {
				outline: none;
			}
		}

		a.flex-next {
			padding: 1em 1.6em 1em 1em;
			left: auto;
			right: 1em;
		}

		a:before {
			display: block;
			content: '';
			border-style: solid;
			border-width: 0 0 2px 2px;
			width: 1em;
			height: 1em;
			transform: rotate(45deg);
		}

		a.flex-next:before {
			border-width: 2px 2px 0 0;
		}
	}
}

.woobuilder-block ul.slides {
	margin: 0;
}

.woobuilder-cover {
	position: relative;
}

.woobuilder-images_carousel .flex-control-paging {
	display: none;
}

.single-product div.product .woobuilder-request_quote {
	form.cart {
		margin: 0;

		> * {
			margin-right: .88em;
		}
	}
}

#woobk-quote-dialog {
	background: rgba(0, 0, 0, 0.3);
	display: none;
	position: fixed;

	&:target {
		display: flex;
	}

	> .woobk-fields {
		width: 320px;
		margin: auto;
		background: #ffffff;
		padding: 1em;
		border: 1px solid;

		> br {
			display: none;
		}

	}

	input[type], button, textarea {
		display: block;
		width: 100%;
		line-height: 2em;
		color: inherit !important;
		background: #fff;
		border: 1px solid;
		padding: .5em .88em;

		&:not(:last-child) {
			margin-bottom: .7em;
		}
	}

	::-webkit-input-placeholder { /* Edge */
		color: inherit;
		opacity: .7;
	}

	:-ms-input-placeholder { /* Internet Explorer 10-11 */
		color: inherit;
		opacity: .7;
	}

	::placeholder {
		color: inherit;
		opacity: .7;
	}
}

.woobuilder-htabs .woocommerce-tabs ul.tabs,
.woobuilder-htabs .panel.wc-tab {
	width: 100%;
	padding: 0 1em;
}

.woobuilder-tabs {
	a.wc-accordion-active > .fas {
		transform: rotate(180deg);
	}
}

.woobuilder-htabs ul.tabs.wc-tabs {
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	width: auto;
	float: none;
	margin-right: 0;
	padding-left: 1em;

	li {
		display: inline-block;
		margin-right: 2em;
		border: 0;

		&:after {
			display: none;
		}
	}
}


@media screen and (min-width: 1024px) {
	.woobk-attr-lay-horizontal table.variations {
		tr {
			display: table-cell;
			vertical-align: top;

			+ tr {
				padding-left: 1em;
			}
		}
		select {
			min-width: 11.5em;
		}
	}
}