/*===========================================================================
    Slider Css ( Slider Woolamp )
===========================================================================*/
.bdt-prime-slider-woolamp {
	position: relative;
	.bdt-ps-wc-product-img {
		height: 100%;
		width: 100%;
		position: absolute;
		&:before {
			content: '';
			position: absolute;
			height: 100%;
			width: 100%;
		}
		img {
			height: 100%;
			width: 100%;
			object-fit: cover;
		}
	}
	.bdt-ps-content-wrapper {
		.bdt-ps-content-inner {
			padding: 30px 30px;
		}
		.bdt-ps-category {
			padding-bottom: 10px;
			a {
				color: #2B2D42;
				font-size: 14px;
				padding: 10px 0px;
				display: inline-flex;
				line-height: 1;
				text-transform: capitalize;
				position: relative;
				overflow: hidden;
				transition: all .3s ease;
				&:before {
					content: '';
					position: absolute;
					height: 2px;
					width: 100%;
					background: #fe506c;
					bottom: 0;
					left: 0;
					z-index: -1;
					transition: all .3s ease;
				}
				&:hover {
					color: #fff;
					padding: 10px 16px;
					&:before {
						height: 100%;
						transition-delay: .2s;
					}
				}
			}
		}
		.bdt-ps-title {
			margin: 0;
			font-size: 20px;
			font-weight: 600;
			padding-bottom: 10px;
			a {
				color: #2B2D42;
			}
		}
		.bdt-ps-text {
			color: #8D99AE;
			font-size: 14px;
			padding-bottom: 10px;
			p {
				margin: 0;
			}
		}

		.bdt-ps-price {
			padding-bottom: 10px;
			p {
				margin: 0;
			}
			.price {
				ins,
				> span {
					color: #2B2D42;
					font-size: 18px;
					font-weight: 600;
					background: transparent;
				}
				del span {
					font-size: 14px;
					color: #8D99AE;
				}
			}
		}
		.bdt-ps-add-to-cart {
			margin: 10px 0;
			.cart {
				display: inline-flex;
				flex-direction: row-reverse;
				align-items: center;
			}
			.button {
				font-size: 11px;
				font-weight: 700;
				padding: 8px 15px;
				position: relative;
				overflow: hidden;
				color: #000;
				border: 2px solid #fe506c;
				transition: all .3s ease;
				outline: none;
				background: transparent;
				text-transform: uppercase;
				cursor: pointer;
				z-index: 1;
				&:before {
					position: absolute;
					display: block;
					content: '';
					top: 0px;
					right: 0px;
					height: 100%;
					width: 0px;
					z-index: -1;
					background: #fe506c;
					transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
				}
				&:after {
					content: "";
					position: absolute;
					height: 0%;
					left: 50%;
					top: 50%;
					width: 100%;
					z-index: -1;
					-webkit-transition: all 0.75s ease 0s;
					-moz-transition: all 0.75s ease 0s;
					-o-transition: all 0.75s ease 0s;
					transition: all 0.75s ease 0s;
					transform: translate(-50%, -50%);
				}
				&:hover {
					background-color: transparent; 
					border-color: #fe506c;
					color: #fff;
					&:before {
						left: 0%;
						right: auto;
						width: 100%;
					}
					&:after {
						height: 100%;
					}
					.bdt-slide-btn-icon {
						svg {
							transform: scale(1.1) translateX(5px);
							* {
								stroke: #fff;
							}
						}
					}
				}
			}
			.input-text {
				color: #2B2D42;
				font-size: 11px;
				width: 50px;
				padding: 8px 5px 8px 18px;
				font-weight: 600;
				margin-left: 10px;
				text-align: center;
				outline: none;
				border: 2px solid #e2e4e9;
				transition: all 0.3s ease;
			}
		}
	}
	.bdt-ps-social-share {
		display: flex;
		position: absolute;
		left: -90px;
		top: 50%;
		transform: translateY(-50%) rotate(90deg);
		.bdt-social-share-item {
			margin-left: 30px;
			cursor: pointer;
			&:nth-child(1) {
				margin-left: 0;
			}
			.bdt-ps-btn {
				color: #8D99AE;
				transition: color .3s ease;
				font-size: 14px;
				&:hover {
					color: #fe506c;
				}
			}
		}
	}
}

.bdt-text-stroke--yes {
	.bdt-prime-slider-woolamp {
		.bdt-ps-content-wrapper {
			.bdt-ps-title {
				a {
					color: transparent !important;
					-webkit-text-stroke: 1px #2B2D42;
				}
			}
		}
	}
}

.bdt-social-share-hide--yes {
	.bdt-prime-slider-woolamp {
		.bdt-ps-social-share {
			display: none;
		}
	}
}

/*===========================================================================
	Navigation Css ( Slider Woolamp )
===========================================================================*/
.bdt-prime-slider-woolamp {
	.bdt-ps-dotnav {
		margin: 0;
		right: 8px;
		li {
			display: flex;
			margin-top: 40px;
			a {
				font-size: 12px;
				font-weight: 600;
				color: #2B2D42;
				transition: color .3s ease;
			}
			&.bdt-active {
				a {
					color: rgb(255, 17, 17);
				}
			}
			&:nth-child(1) {
				margin-top: 0;
			}
		}
	}
}
/*===========================================================================
	Responsive Css ( Slider Woolamp )
===========================================================================*/
@media (min-width: 768px) {
	.bdt-prime-slider-woolamp {
		.bdt-ps-wc-product-img {
			position: relative;
		}
		.bdt-ps-content-wrapper {
			max-width: 50%;
			.bdt-ps-content-inner {
				padding: 30px 100px 30px 30px;
			}
		}
		.bdt-ps-social-share {
			left: -70px;
			.bdt-social-share-item {
				.bdt-ps-btn {
					font-size: 16px;
				}
			}
		}
		.bdt-ps-dotnav {
			right: 42px;
			li {
				a {
					font-size: 14px;
				}
			}
		}
	}
	.bdt-social-share-hide--yes {
		.bdt-prime-slider-woolamp {
			.bdt-ps-social-share {
				display: flex;
			}
		}
	}
}
@media (min-width: 1024px) {
	.bdt-prime-slider-woolamp {
		.bdt-ps-content-wrapper {
			.bdt-ps-category {
				padding-bottom: 15px;
				a {
					font-size: 16px;
				}
			}
			.bdt-ps-title {
				font-size: 28px;
				padding-bottom: 20px;
			}
			.bdt-ps-text {
				font-size: 16px;
				padding-bottom: 20px;
			}
			.bdt-ps-price {
				padding-bottom: 15px;
				.price {
					ins,
					> span {
						font-size: 24px;
					}
					del span {
						font-size: 18px;
					}
				}
			}
			.bdt-ps-add-to-cart {
				.button {
					font-size: 12px;
					letter-spacing: 2px;
					padding: 12px 30px;
				}
				.input-text {
					font-size: 12px;
					padding: 12px 10px 12px 20px;
					width: 80px;
				}
			}
		}
	}
}