/* PRODUCT SINGLE NEW DESIGN STYLESHEET */

/* Create a wrapper for just the top part of the product page (thumbs, gallery, title, summary and pricing) */
body.single-product div.product .product-top-wrapper{
	display: flex;
	border: 1px solid rgba(202,202,202);
	border-top-color: rgb(237,116,46);
	padding: 1em 0em;
	max-width: 100%;
	margin-bottom: 3em;
}

/* Change the summary box */
body.single-product div.product .product-top-wrapper .summary{
	padding: 0;
	min-width: 36%;
	max-width: 36%;
}
body.single-product div.product .product-top-wrapper .bo-product-data-end{
	min-width: 30%;
	max-width: 30%;
}


/* Change the gallery order of elements */
body.single-product div.product .product-top-wrapper .bo-prod-gallery-wrap{
	display: flex;
	flex-flow: column;
}
body.single-product div.product .product-top-wrapper .bo-prod-gallery-wrap #bo-main-gallery{
	margin: auto;
	width: 100%;
}
body.single-product div.product .product-top-wrapper .bo-prod-gallery-wrap #bo-prod-slider-thumbs{
	width: 60%;
	display: flex;
	flex-flow: column-reverse;
	margin: auto;
}
body.single-product div.product .product-top-wrapper .bo-prod-gallery-wrap #bo-carousel-prod{

}
body.single-product div.product .product-top-wrapper .bo-prod-gallery-wrap .slides{
	display: flex;
	margin: auto;
	width: fit-content !important;
}
body.single-product div.product .product-top-wrapper .bo-prod-gallery-wrap #bo-prod-slider-thumbs ul {
	margin: auto !important;
}
body.single-product div.product .product-top-wrapper .bo-prod-gallery-wrap #bo-prod-slider-thumbs #bo-carousel-prod .flex-direction-nav{
/*	display: none;*/
	top: initial !important;
	height: initial !important;
	width: 100%;
	right: initial;
	left: initial;
	position: initial !important;
}
body.single-product div.product .product-top-wrapper .bo-prod-gallery-wrap #bo-prod-slider-thumbs #bo-carousel-prod .flex-direction-nav .flex-prev{
	top: 50% !important;
	-ms-transform: rotate(0deg) !important;
	transform: rotate(0deg) !important;
}
body.single-product div.product .product-top-wrapper .bo-prod-gallery-wrap #bo-prod-slider-thumbs #bo-carousel-prod .flex-direction-nav:before{
	content: " ";
	display: block;
	width: 17px;
	height: 80px;
	background-color: #ff720d;
	position: absolute;
	top: 5px;
	left: -8px;
}
body.single-product div.product .product-top-wrapper .bo-prod-gallery-wrap #bo-prod-slider-thumbs #bo-carousel-prod .flex-direction-nav:after{
	content: " ";
	display: block;
	width: 17px;
	height: 80px;
	background-color: #ff720d;
	position: absolute;
	top: 4px;
	right: -5px;
}
body.single-product div.product .product-top-wrapper .bo-prod-gallery-wrap #bo-prod-slider-thumbs #bo-carousel-prod .flex-direction-nav .flex-next:after{
	border-color: white !important;
}
body.single-product div.product .product-top-wrapper .bo-prod-gallery-wrap #bo-prod-slider-thumbs #bo-carousel-prod .flex-direction-nav .flex-prev:after{
	border-color: white !important;
}
body.single-product div.product .product-top-wrapper .bo-prod-gallery-wrap #bo-prod-slider-thumbs #bo-carousel-prod .flex-direction-nav .flex-next{
	left: initial;
	bottom: unset !important;
	top: 50% !important;
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	width: 15px;
}

/* Create the new design for the tabs */
body.single-product #main div.product ul.single-product-upper-tabs {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
}
body.single-product #main div.product ul.single-product-upper-tabs li{
	margin: 0;
	padding: 1em 4em;
	background-color: rgb(79,79,84);
	border-top-left-radius: 5px;
	color: white;
	position: relative;
	overflow: clip;
/*	border-top-right-radius: 30px;*/
	border-top-right-radius: 0px;
	padding-right: 5em;
	border: none;
	cursor: pointer;
}
body.single-product #main div.product ul.single-product-upper-tabs li:after{
	content: "";
	position: absolute;
	right: -10px;
	width: 20px;
	height: 134%;
	background: white;
	top: -10px;
	rotate: -25deg;
	box-shadow: none;
}
body.single-product #main div.product ul.single-product-upper-tabs li.active{
	background-color: rgb(237,116,46);
}
body.single-product #main div.product ul.single-product-upper-tabs li a{
	color: white;
	padding: 0;
}


/* To add see more on short description */
body.single-product .woocommerce-product-details__short-description .product-short-description{
/*	max-height: 400px;*/
	overflow: clip;
}
body.single-product .single-product-read-more{
	color: #ed742e;
	cursor: pointer;
	font-weight: bold;
	margin-left: 1em;
	padding: 1em;
}

/* THe information icon */
body.single-product #main .info-tnr-link .info-tnr {
	background: #ed742e !important;
	color: white !important;
	width: 16px;
	height: 16px;
	font-size: 14px;
	margin: 0;
	font-style: normal;
	padding: 3px !important;
}


/* Link sharer URL and icons */
#main .bo-product-data-end .bo-your-price{
	display: flex;
	flex-flow: row-reverse;
}
#main .bo-product-data-end .bo-your-price .b1-share-link-wrapper, #main .bo-product-data-end .bo-your-price .product-price-label-wrapper{
	width: 50%;
}
#main .b1-share-link-wrapper ul.share_links{
	list-style: none;
	display: flex;
	flex-flow: row;
	margin: 0;
	padding: 0;
}
#main .b1-share-link-wrapper ul.share_links li{
	margin-left: 1em;
}
#main .b1-share-link-wrapper ul.share_links li a{
	display: block;
	width: 24px;
	height: 24px;
}
#main form .opt-price{
	display: flex;
	flex-flow: row-reverse;
	max-width: 100%;
	margin: auto;
}
#main form .opt-price .b1-share-link-wrapper, #main form .opt-price .product-price-label-wrapper{
	width: 50%;
}

/* Add new button for qty discount graphic for products with discounts */
body.single-product div.product .product-top-wrapper .btn-qty-discount-graphic{
	background-color: rgb(255, 107, 0);
	color: white;
	font-weight: bold;
	padding: 0.3em 1em;
	width: fit-content;
	margin: 1em 0;
	border-radius: 5px;
	cursor: pointer;
}

/* Change variation select's  */
body.single-product #main form.cart select, body.single-product #main form.cart input{
	background-color: white !important;
}

/* Add extra information after the add to cart form */
body.single-product .product-extra-info{

}
body.single-product .product-extra-info .contact-icons ul{
	gap: 1em;
	padding: 0;
	list-style: none;
	display: flex;
/*	width: fit-content;*/
	width: 100%;
	margin: auto;
	align-items: end;
}
body.single-product .product-extra-info .contact-icons ul li{
	width: 25%;
	min-height: 125px;
}
body.single-product .product-extra-info .contact-icons ul a{
	display: flex;
    flex-flow: column;
    gap: 1em;
    align-items: center;
    text-align: center;
    color: black;
    text-transform: uppercase;
}
body.single-product .product-extra-info .contact-icons ul a img{
	width: auto;
	height: 50px;
}

body.single-product .product-extra-info .free-shipping-cta img{
	display: block;
	margin: 2em auto;
}

body.single-product .product-extra-info .new-pdp-buttons a, body.single-product .product-extra-info .new-product-linked-graphics a{
	display: block;
	background-color: transparent;
	margin: 1em auto;
	text-align: center;
	padding: 0.5em 0em;
}


/* Change buttons to uppercase */
body.single-product #main form.cart button{
	text-transform: uppercase;
}
body.single-product #main .bo-prod-gallery-wrap .image-and-video{
	margin: auto;
	width: fit-content;
	font-weight: bold;
	color:  rgb(237,116,46);
	margin-top: 0em;
}

/* Reformating description tab data */
body.single-product #main #tab-description{
	display: flex;
}
body.single-product #main #tab-description .tab-product-description, body.single-product #main #tab-description .searchwp-related{
	width: 50%;
	padding: 0 1em;
}
body.single-product #main #tab-description .searchwp-related h4{
	text-transform: uppercase;
}
body.single-product #main #tab-description .searchwp-related ol{
	display: flex;
	flex-flow: column;
}
body.single-product #main #tab-description .searchwp-related ol li{
	border-bottom: thin solid rgb(211,211,211);
	padding: 1em 0em;
}
body.single-product #main #tab-description .searchwp-related ol li a{
	display: flex;
	background: 0 0;
	border: none;
	width: fit-content;
	flex-flow: row;
	align-items: center;
	font-weight: bold;
	font-size: 18px;
}
body.single-product #main #tab-description .searchwp-related ol li a img{
	width: 150px;
	background: rgb(239, 239,239);
}

/* Reformating tabs below */
body.single-product #main .wc-tabs-wrapper{
	position: relative;
}
body.single-product #main .wc-tabs-wrapper ul.wc-tabs{
	position: absolute;
	width: 100%;
	border: none;
}
body.single-product #main .wc-tabs-wrapper ul.wc-tabs li:first-child{
	margin-left: 1px;
}
body.single-product #main .wc-tabs-wrapper ul.wc-tabs:before{
/*	border: none !important;*/
	top: 25%;
	bottom: initial !important;
	z-index: 0;
	background-color: rgb(239, 239,239);
	border-bottom: none;
	border-top: 1px solid #cfc8d8;
	border-right: 1px solid #cfc8d8;
	height: 41px;
}
body.single-product #main .wc-tabs-wrapper ul.wc-tabs li{
	margin: 0px 1px;
	padding: 1em 4em;
	border-radius: 10px 10px 0 0;
	background-color: rgb(79,79,84);
	border-bottom-color: transparent;
	border: none;
	max-width: 20%;
	min-width: 10%;
}
body.single-product #main .wc-tabs-wrapper ul.wc-tabs li:before, body.single-product #main .wc-tabs-wrapper ul.wc-tabs li:after{
	box-shadow: none !important;
	border: none;
}
body.single-product #main .wc-tabs-wrapper ul.wc-tabs li.active{
	background-color: rgb(237,116,46);
	border-bottom: none;
	overflow: clip;
	position: relative;
/*	padding-bottom: 2.8em;*/
	padding-bottom: 3em;
	border: none;
}
body.single-product #main .wc-tabs-wrapper ul.wc-tabs li.active:after{
	content: "";
	position: absolute;
	bottom: -25px;
	width: 100%;
	background-color: white;
	display: block;
	height: 30px;
	border: none;
	right: 10px;
	rotate: 10deg;
}
body.single-product #main .wc-tabs-wrapper ul.wc-tabs li.active:before{
	content: "";
	position: absolute;
	bottom: -25px;
	width: 100%;
	background-color: white;
	display: block;
	height: 30px;
	border: none;
	left: 10px;
	rotate: -10deg;
}

body.single-product #main .wc-tabs-wrapper .woocommerce-Tabs-panel{
	padding-top: 6em !important;
	font-size: 18px;
}

/* THE NEW EXTRA FOOTER */
body.single-product #main .new-subfooter-product{
	margin: auto;
	text-align: center;
	text-transform: uppercase;
}
body.single-product #main .new-subfooter-product .title-contact{
	font-size: 3em;
}
body.single-product #main .new-subfooter-product ul{
	list-style: none;
	display: flex;
	width: fit-content;
	margin: auto;
	align-items: end;
	gap: 8em;
	padding: 3em 0;
}
body.single-product #main .new-subfooter-product ul li a{
	display: flex;
    flex-flow: column;
    gap: 4em;
    align-items: center;
    color: black;
}
body.single-product #main .new-subfooter-product p{
	margin: 0.5;
}

/**
 * 	88888888888            d8888     888888b.       888          8888888888     88888888888
 *	    888               d88888     888  "88b      888          888                888
 *	    888              d88P888     888  .88P      888          888                888
 *	    888             d88P 888     8888888K.      888          8888888            888
 *	    888            d88P  888     888  "Y88b     888          888                888
 *	    888           d88P   888     888    888     888          888                888
 *	    888          d8888888888     888   d88P     888          888                888
 *	    888         d88P     888     8888888P"      88888888     8888888888         888
 *
 * */

@media
	( (min-width: 600px) and (max-width: 900px) ) {

		body.single-product #main .wc-tabs-wrapper ul.wc-tabs li{
			max-width: fit-content;
		}

	}

/**
888b     d888      .d88888b.      888888b.       8888888     888          8888888888
8888b   d8888     d88P" "Y88b     888  "88b        888       888          888
88888b.d88888     888     888     888  .88P        888       888          888
888Y88888P888     888     888     8888888K.        888       888          8888888
888 Y888P 888     888     888     888  "Y88b       888       888          888
888  Y8P  888     888     888     888    888       888       888          888
888   "   888     Y88b. .d88P     888   d88P       888       888          888
888       888      "Y88888P"      8888888P"      8888888     88888888     8888888888
*/



/* iPhone and Android media-query */
@media
	( (min-width: 10px) and (max-width: 600px) ) or
	( only screen and (min-device-width : 50px) and (max-device-width : 1024px) )  {

	/* Header fixes for mobile */
	body.single-product #header .header-upper{
		overflow: scroll;
		display: none;
	}

	body:has(#header.fixed) #lightbox-search{
		display: none !important;
	}

	body #header #lightbox-search.component-lightbox{
		display: block;
		margin-top: 1em;
	}
	body #header #lightbox-search .component-lightbox-content{
		box-shadow: none;
	}
	body #header #lightbox-search .component-lightbox-content form.header-search input{
		margin: auto;
		width: 90%;
		background-image: url('/wp-content/themes/blastone_v2/bld_assets/img/product-page/magnifying-glass-solid.png');
		background-repeat: no-repeat;
		background-position: 95% center;
/*		background-size: 15%;*/
	}
	body .container:has(#primary){
		margin-top: 2em;
	}


	body.single-product nav.woocommerce-breadcrumb{
		display: none;
	}
	body.single-product #main .new-subfooter-product{
		display: none;
	}
	body.single-product #main .product-extra-info .contact-icons{
/*		display: none;*/
	}
	body.single-product #header-search-toggle{
		display: none !important;
	}
	body.single-product #header-phone-call i.fas.fa-phone{
		color: white;
		font-size: 30px;
	}
	body.single-product #header #header-nav-toggle .header-nav-toggle-open{
		display: flex;
		flex-flow: column;
	}
	body.single-product #header #header-nav-toggle .header-nav-toggle-open i.fa-bars{
 		position: initial;
 		top: initial;
 		left: initial;
 		font-size: 20px;
 		margin: auto;
	}
	body.single-product .header-main-left{
		display: flex;
		flex-flow: row;
	}
	body.single-product #cart-mobile{
		display: block !important;
		margin: 0;
		padding: 0;
	}
	body.single-product #cart-mobile a.parent-item{
		align-items: center;
		display: flex;
		flex-flow: column;
	}
	body.single-product #header .header-main .header-logo{
		display: initial;
		padding: 0px;
		align-self: center;
	}

	.container:has(#primary) {
		padding-top: 0px !important;
		margin: 0px;
		top: 0 !important;
	}

	/* Change styling for top tabs */
	body.single-product #main div.product ul.single-product-upper-tabs{
		display: flex;
		flex-wrap: wrap;
		gap: 1em;
		width: 100%;
	}
	body.single-product #main div.product ul.single-product-upper-tabs li{
		min-width: 30%;
		width: 30%;
		max-width: 40%;
		padding: 0.5em;
	    background: transparent;
	    border-radius: 5px;
	    text-align: center;
	    text-transform: uppercase;
	    border: 1px solid #52545b;
	}
	/*body.single-product #main div.product ul.single-product-upper-tabs li.bo_product_var_documents_tab{
		max-width: 60%;
	}*/
	body.single-product #main div.product ul.single-product-upper-tabs li:first-child{
		display: none;
	}
	body.single-product #main div.product ul.single-product-upper-tabs li:after{
		background-color: transparent;
	}
	body.single-product #main div.product ul.single-product-upper-tabs li.active a{
		color: white;
	}
	body.single-product #main div.product ul.single-product-upper-tabs li a{
		color: #52545b;
	}

	body.single-product #main div.product ul.single-product-upper-tabs li.bo_product_options_tab_tab, body.single-product #main div.product ul.single-product-upper-tabs li.bo_product_var_documents_tab, body.single-product #main div.product ul.single-product-upper-tabs li.linked_repair_parts_tab{
		background-repeat: no-repeat;
	    background-size: 3.5em;
	    background-position: center 10px;
	    height: 8em;
	    flex-direction: column-reverse;
	    display: flex;
	}
	body.single-product #main div.product ul.single-product-upper-tabs li.bo_product_options_tab_tab span, body.single-product #main div.product ul.single-product-upper-tabs li.bo_product_var_documents_tab span, body.single-product #main div.product ul.single-product-upper-tabs li.linked_repair_parts_tab span{
		display: none;
	}
	body.single-product #main div.product ul.single-product-upper-tabs li.bo_product_options_tab_tab{
/*		background-image: url('/wp-content/themes/blastone_v2/bld_assets/img/product-page/icon-product-options.png');*/
		background-image: url('/wp-content/themes/blastone_v2/bld_assets/img/product-page/icon-product-options-orange.png');
/*		display: none;*/
	}
	body.single-product #main div.product ul.single-product-upper-tabs li.bo_product_var_documents_tab{
/*		background-image: url('/wp-content/themes/blastone_v2/bld_assets/img/product-page/icon-pdf-docs.png');*/
		background-image: url('/wp-content/themes/blastone_v2/bld_assets/img/product-page/icon-pdf-docs-orange.png');
	}
	body.single-product #main div.product ul.single-product-upper-tabs li.linked_repair_parts_tab{
/*		background-image: url('/wp-content/themes/blastone_v2/bld_assets/img/product-page/icon-repair-parts.png');*/
		background-image: url('/wp-content/themes/blastone_v2/bld_assets/img/product-page/icon-repair-parts-orange.png');
	}

	@media (max-width: 767px) {
		#tab-title-bo_product_options_tab {
			display: inline-block !important;
		}
		.woocommerce-tabs .tabs #tab-bo_product_options_tab{
			opacity: 1;
		}
	}


	/* Make the content fit into columns */
	body.single-product div.product .product-top-wrapper{
		flex-flow: column;
		height: fit-content;
		padding: 0;
	}

	/* Smaller spacing on share icons */
	#main .b1-share-link-wrapper ul.share_links li{
		margin-left: 0.5em;
	}

	/* Slide dots */
	body.single-product div.product .product-top-wrapper .bo-prod-gallery-wrap #bo-prod-slider-thumbs #bo-carousel-prod .flex-direction-nav{
		display: none;
	}
	body.single-product div.product .product-top-wrapper .bo-prod-gallery-wrap #bo-prod-slider-thumbs ul.slides{
		margin: auto !important;
	}
	body.single-product div.product .product-top-wrapper .bo-prod-gallery-wrap #bo-prod-slider-thumbs ul.slides li{
		width: 20px !important;
		height: 20px;
		margin-right: 5px;
		float: left;
		display: block;
		border-radius: 100%;
		overflow: clip;
		background: rgb(222,222,222);
		font-size: 50%;
	}
	body.single-product div.product .product-top-wrapper .bo-prod-gallery-wrap #bo-prod-slider-thumbs ul.slides li .fa-play{
		font-size: 100%;
	}
	body.single-product div.product .product-top-wrapper .bo-prod-gallery-wrap #bo-prod-slider-thumbs ul.slides li.flex-active-slide{
		background: rgb(237,116,46);
	}
	body.single-product div.product .product-top-wrapper .bo-prod-gallery-wrap #bo-prod-slider-thumbs ul.slides li img{
		opacity: 0;
	}


	/* Fixing the spacing between the header and the product top container */
	body.single-product div.product .product-top-wrapper{
		border: none;
	}
	/* Hide elements not needed */
	body.single-product h2.product_title.entry-title.d-md-none, body.single-product span.sku_wrapper, body.single-product .product-top-wrapper .woocommerce-product-gallery__trigger{
		display: none;
	}
	/* Show in mobile the elements we removed */
	body.single-product .product-top-wrapper h1.mobile-product-name, body.single-product .product-top-wrapper div.mobile-product-sku{
		display: block !important;
	}
	body.single-product .product-top-wrapper h1.mobile-product-name{
		font-size: 26px;
		margin-bottom: 0;
	}
	body.single-product .product-top-wrapper div.mobile-product-sku{
		font-size: 18px;
	}

	body.single-product .product-top-wrapper .woocommerce-product-gallery, body.single-product #main form .opt-price{
		margin: 2em 0;
	}

	/* Fix content wider re-size  */
	body.single-product div.product .product-top-wrapper .bo-product-data-end, body.single-product div.product .product-top-wrapper .summary{
		min-width: 100%;
		max-width: 100%;
	}
	/* Tabs for mobile */
	body.single-product #main .wc-tabs-wrapper, body.single-product #main .wc-tabs-wrapper ul.wc-tabs{
		position: initial !important;
	}
	body.single-product #main .wc-tabs-wrapper ul.wc-tabs:before{
		background-color: transparent;
		border: none !important;
	}
	body.single-product #main .wc-tabs-wrapper ul.wc-tabs li, body.single-product #main .wc-tabs-wrapper ul.wc-tabs li.active{
		background-color: transparent;
		border-bottom: 2px solid black;
		padding: 0;
		max-width: 100%;
	}
	body.single-product #main .wc-tabs-wrapper ul.wc-tabs li.active:before, body.single-product #main .wc-tabs-wrapper ul.wc-tabs li.active:after{
		background-color: transparent;
	}
	body.single-product.woocommerce div.product .woocommerce-tabs ul.tabs li a, body.single-product #main .wc-tabs-wrapper ul.wc-tabs li.active a{
		color: black;
		font-size: 22px;
	}
	body.single-product #main .wc-tabs-wrapper ul.wc-tabs li i.fas{
		color: rgb(237,116,46);
	}
	body.single-product #main .wc-tabs-wrapper ul.wc-tabs .tab-product-description, body.single-product #main .wc-tabs-wrapper ul.wc-tabs .searchwp-related{
		width: 100% !important;
	}
	body.single-product #main #tab-description .tab-product-description, body.single-product #main #tab-description .searchwp-related{
		width: 100% !important;
	}
	body.single-product #main .wc-tabs-wrapper .woocommerce-Tabs-panel, body.single-product #main #tab-description .tab-product-description{
		padding: 1em 0em !important;
		border: none !important;
		flex-direction: column;
	}


	/* Change slider buttons color for mobile on realted products */
	body.single-product .related.products .slick-prev::before, body.single-product .related.products .slick-next::before{
		background-color: rgb(237,116,46) !important;
	}



}



/**
8888888888       d8888     888     888      .d88888b.      8888888b.      8888888     88888888888     8888888888
888             d88888     888     888     d88P" "Y88b     888   Y88b       888           888         888
888            d88P888     888     888     888     888     888    888       888           888         888
8888888       d88P 888     Y88b   d88P     888     888     888   d88P       888           888         8888888
888          d88P  888      Y88b d88P      888     888     8888888P"        888           888         888
888         d88P   888       Y88o88P       888     888     888 T88b         888           888         888
888        d8888888888        Y888P        Y88b. .d88P     888  T88b        888           888         888
888       d88P     888         Y8P          "Y88888P"      888   T88b     8888888         888         8888888888
*/
.single_variation_wraps{
	display: flex;
}
.favorite-btn{
	padding: 0em;
	border: 2px solid #62c755;
	border-radius: 5px;
	cursor: pointer;
	min-height: 40px;
	display: flex;
	align-content: center;
	margin: auto;
	margin-left: 5px;
}
body.archive.tax-product_cat .favorite-btn{
	margin-top: 7px;
}
.favorite-btn:hover{
	opacity: 0.6;
}
.favorite-btn img{
	margin: 0.8em;
	max-height: 12px;
	max-width: 15px;
}
.favorite-btn.active{
	border: 2px solid red;
}

/* To fix how it shows on the simple product page */
body.single-product form.cart.form-variable-product{
	display: flex;
}