/** ---------------------------------- Single Product Page Archive -------------------------------- **/

/* remove breadcrumb  */

nav[aria-label="Breadcrumbs"] div.ast-breadcrumbs {
	display: none;
}

/* remove breadcrumb  */

.woocommerce-variation-price {
	margin-top: 1em;
}

/* helperclass  */

.helperRemovePriceParagraph {
	display: none !important;
}

/* helperclass  */

/* lead time text style  */

p.wclt_lead_time {
	padding-top: 8px;
}

/* lead time text style  */

/* header and breadcrumb */

h1.entry-title {
    color: #004e7c;
}

/* get rid of that stupid loading spinner on our project  */

.woocommerce-product-gallery.loading-gallery::after,
.product-gallery.loading-gallery::after {
  content: none !important;
}

/* get rid of that stupid loading spinner on our project  */

@media only screen and (max-width: 610px)
.woocommerce-product-gallery__image a > img.wp-post-image {
    width: auto !important;
    height: 100% !important;
    max-width: 470px !important;
}

img.wp-post-image {
  max-width: 155px; /* Adjust this pixel value to the maximum width you want the image to have */
  max-height: auto; /* This will maintain the aspect ratio of the image */
}

@media (max-width: 921px) {
  img.wp-post-image {
    max-width: 155px; /* Adjust this pixel value to the maximum width you want the image to have */
    width: auto;
    height: auto; /* This will maintain the aspect ratio of the image */
  }
}

@media (max-width: 480px) {  
  img.wp-post-image {
    max-width: 155px; /* Adjust this pixel value to the maximum width you want the image to have */
    height: auto; /* This will maintain the aspect ratio of the image */ 
  }
}
/* END Product Images  */

/* hide add to cart success message */

.ast-woocommerce-container .woocommerce-notices-wrapper {
/*	display: none; */
}
/* END hide add to cart success message  */

div.variation-descriptions:not(:empty) {
	transform: translate(130px, -60px);
    	margin-bottom: -50px;
}

/* product specific css  */
/* x-600M CSS */
form[data-product_id="27610"] table.variations tbody tr td.value div.variation-descriptions:not(:empty) {
  	transform: translate(0px, 0px) !important;
	margin-bottom: 0px !important;
}

/* END product specific css  */

.bold-description {
    font-weight: bold;
}


/* div.variation-descriptions
{
	transform: translate(100px, 100px);
} */
/* initially hide this check longdescription.js and theme-customisations.php to see how this works */
#longDescription {
  display: none;
	line-height: 1.2em;
	margin: 2% 3% 4% 0;
}

#longerDescription {
	display: none;
	line-height: 1.2em;
	margin: 2% 3% 4% 0;
}

/* Hide it elsewhere (cross-sell & up-sell sections)*/
ul.products li div.astra-shop-summary-wrap 
.ast-woo-shop-product-description section#longDescription{
    display: none !important;
}

/**
 * Style for three Vertical lines
*/

.verticalLineContainer{
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(50px, 5px);
}

.verticalLineContainer hr:first-child {
    height: 325px;
}

.verticalLineContainer hr {
    height: 420px;
    margin: 5px 3px 5px 3px;
}

.verticalLineContainer hr:last-child {
    height: 325px;
}

form.cart>button.single_add_to_cart_button,
form.variations_form button.single_add_to_cart_button {
    background-color: #12822a;
}

form.cart>button.single_add_to_cart_button:hover,
form.variations_form button.single_add_to_cart_button:hover {
    background-color: #148f2f;
}

/** ------------------------------ Variable Products ------------------------------ **/

/* Apply flexbox only to variable product pages */
.product-type-variable .summary.entry-summary {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    float: none !important;
    flex-direction: row-reverse;
}

.product-type-variable form.cart .single_variation_wrap .single_variation,
.product-type-simple form.cart .single_variation_wrap .single_variation {
margin-bottom: 0 !important;
}

.product-type-variable form.cart .variations td.label, .woocommerce div.product form.cart .variations th.label {
    width: auto !important;
}

.woocommerce div.product form.cart .button.single_add_to_cart_button {
    width: auto !important;
}

/* Responsive adjustments for smaller screens, specifically for variable products */
@media (max-width: 480px) {
    /* .product-type-variable .summary.entry-summary { */
        /* flex-direction: column-reverse; */
    /* } */
}

.woocommerce-js div.product form.cart .variations {
    border-bottom: none !important;
    margin-bottom: -0.7em !important;
}

.woocommerce-product-details__short-description p{
    margin-bottom: 5px !important;
    line-height: 1.2em;
}

/* Target the product details and part numbers to take up half the width, only for variable products */
.product-type-variable .summary.entry-summary > .woocommerce-product-details__short-description,
.product-type-variable .summary.entry-summary > .variations_form.cart .variations {
    flex: 1 1 28%;
    max-width: 88%;
}

/* Position the add to cart form and extras in the same column, only for variable products */
.summary.entry-summary > .variations_form.cart,
.summary.entry-summary > .ast-single-product-extras {
    flex: 1 1 28%;
    max-width: 88%;
}

.product-type-variable .summary .entry-summary .woocommerce-product-details__short-description {
    margin-top: 0;
}

.product-type-variable div.woocommerce-product-gallery__image a {
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100%;
}

.product-type-variable .variations, 
.product-type-variable .single_variation_wrap, 
.product-type-variable .woocommerce-variation-add-to-cart {
    max-width: 100%;
}

/* Move the extras to the bottom of the column, only for variable products */
.product-type-variable .ast-single-product-extras {
    order: 1;
    /*margin-top: 20px;*/
    margin-right: 30%;
    /* margin-left: 30%; */
}

/* Responsive adjustments for smaller screens, specifically for variable products */
@media (max-width: 768px) {
    .product-type-variable .summary.entry-summary,
    .product-type-variable .summary.entry-summary > .woocommerce-product-details__short-description,
    .product-type-variable .summary.entry-summary > .variations_form.cart,
    .product-type-variable .summary.entry-summary > .ast-single-product-extras {
        flex-basis: 100%;
        max-width: 100%;
        order: 0;
    }

    .product-type-variable .ast-single-product-extras {
        margin-left: 0;
    }
}


/** ------------------------------ End Variable Products ------------------------------ **/

/* -------------- quick view modal variable product information -------------- */
.wc-quick-view-modal {
    padding: 25px;
}

.wc-quick-view-modal .product-type-variable .wc-quick-view-product-summary 
form.cart .button.single_add_to_cart_button{
    width: auto !important;
}

.wc-quick-view-modal .product-type-variable .summary.entry-summary > .variations_form.cart {
    flex: none !important;
}

.wc-quick-view-modal .product-type-variable .summary.entry-summary > 
.variations_form.cart .variation-descriptions .single-variation-description{
    display: none !important;
}

/* Related product section */
/* Quick View for this page */
/*div.wc-quick-view-modal div.wc-quick-view-product-summary table.variations tr {
    margin: 2rem 0 0 0 !important
}
*/
/* use to be repeat(2, minmax(0,1fr)) > makes two columns but on mobile we want a single column */
@media (max-width: 544px) {
    section.related.products ul.products.columns-4 {
        grid-template-columns: repeat(1,minmax(0,1fr)) !important;
    }
    section.upsells.products ul.products{
        display: flex !important;
        flex-wrap: wrap !important;
    }
}

section.upsells ul.products li > .astra-shop-summary-wrap {
	justify-content: normal !important;
}

section.up-sells.upsells.products li, section.related.products ul.products li,
section.up-sells.upsells.products li {
	margin: 0 0 0 0 !important;
}
/* Related product section */

/* -------------- End quick view modal variable product information -------------- */


label[for="pa_model-attribute"]::before {
    content: "Part\0000a0Numbers"; /*nbsp; unicode*/
    visibility: hidden;
    display: none;
}

label[for="pa_model-attribute"]{
    font-size: 0; /* Hide the original text */
    visibility: visible;
}

label[for="pa_part-number-attribute"]{
    font-size: 0; /* Hide the original text */
    /* visibility: hidden; */
}

.variations tbody tr {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.variations th.label {
    width: 100%;
	margin: 0 !important;
	padding: 0 !important;
}

/** price range hide on single product page */

/*.product-type-variable  div.summary p.price {
    display: none !important;
    visibility: hidden !important;
    opacity: 0.0;
}*/

/** ------------------ Variation Swatches ------------------ */ 
.woocommerce-js div.product form.cart .variations th {
    padding-left: 0;
	/* margin-bottom: -20px; */
}

.cfvsw-swatches-container .cfvsw-product-container {
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: flex-start;
}

.variations td .cfvsw-swatches-container {
    display: table;
    flex-direction: column;
    align-items: center;
}

.variations td .cfvsw-swatches-option {
    margin-bottom: 10px;
    padding: 0 13px 0 13px;
}

.variations td .cfvsw-swatches-option:last-child {
    margin-bottom: 0px !important;
}

.cfvsw-product-container {
	margin: 0 !important;
	padding: 0 !important;
}

.cfvsw-product-container div.cfvsw-selected-label {
	visibility: hidden !important;
	display: none !important;
}
div.woocommerce-variation-description :not(empty) {
	display: none !important;
} 

.cfvsw-selected-swatch {
    border: 2px solid #035f98 !important;
}

/** ------------------ Variation Swatches ------------------ */ 

/** ---------- 'Simple' Products ---------- **/


.product-type-simple .summary.entry-summary {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    float: none !important;
    width: 50% !important;
}


.product-type-simple .summary.entry-summary > .woocommerce-product-details__short-description {
    flex: 1 1 80%; 
    max-width: 45%; 
    align-self: flex-end;
}

@media (min-width: 1200px) {
	.product-type-simple .summary.entry-summary > .button {
		transform: translateY(-390px);	
	}
}

.product-type-simple .summary.entry-summary > form {
    flex: 1 1 53%; 
    max-width: 80%; 
    display: flex;
    flex-direction: row;
}
.product-type-simple .summary.entry-summary > .ast-single-product-extras {
    /*flex: 1 1 53%; 
    max-width: 53%; 
    display: flex;
    flex-direction: column;*/
    flex: 1 1 73%; 
    max-width: 73%; 
    display: flex;
    flex-direction: column;

}


.product-type-simple form.cart .quantity,
.product-type-simple form.cart .single_add_to_cart_button {
    width: auto;
}

@media (max-width: 480px) {
    .product-type-simple form.cart .single_add_to_cart_button {
        width: 100% !important;
    }
    .product-type-simple .summary.entry-summary {
        width: 100% !important;
    }
}

@media (max-width: 768px) {
    .product-type-simple .summary.entry-summary {
        flex-direction: row;
    }

    .product-type-simple .summary.entry-summary > .woocommerce-product-details__short-description,
    .product-type-simple .summary.entry-summary > form,
    .product-type-simple .summary.entry-summary > .ast-single-product-extras {
        /* flex-direction: column-reverse; */
        flex-basis: 100%;
        max-width: 100%;
        order: 0;
    }
} 

/* -------------- quick view modal simple product information -------------- */

.wc-quick-view-modal .product-type-simple .wc-quick-view-product-summary form.cart .button.single_add_to_cart_button{
    width: auto !important;
}

.wc-quick-view-modal .product-type-simple .summary.entry-summary > .woocommerce-product-details__short-description {
    max-width: none !important;
}

.wc-quick-view-modal .product-type-simple .wc-quick-view-product-summary>p.price {
    margin: 0 !important;
}

.product-type-simple .wc-quick-view-product-summary .view-product-details{
    margin: 1.2em 0 0 !important;
}

/* -------------- End quick view modal simple product information -------------- */

/*
*/

/** ---------- End 'Simple' Products ---------- **/

/** ---------- Product Tabs ---------- **/

.woocommerce-js div.product .woocommerce-tabs ul.tabs li:not(:first-child) {
    /*padding: 0 2.5em 0 2.5em !important;*/
}

/* The plugin developers hid it at this breakpoint idk why -T */
@media screen and (max-width: 768px) {
  .woocommerce-tabs.wpt-accordion .wc-tabs {
    display: block !important;
  }
}

/* Responsive Design Specs Tab image gallery css */

@media (max-width: 768px) {
	.rl-basicgrid-gallery .rl-gallery-item {
		width: calc(20% - 2px) !important;
	}
}

@media (max-width: 550px) {
	.rl-basicgrid-gallery .rl-gallery-item {
		width: calc(33% - 2px) !important;
	}
}
/* END Responsive Design Specs Tab image gallery css */

/* specific product specs images in the products tabs */

.rl-gallery-container[data-gallery_id="37469"] .rl-gallery .rl-gallery-item:nth-child(3) a > img,
.rl-gallery-container[data-gallery_id="37469"] .rl-gallery .rl-gallery-item:nth-child(4) a > img,
/* x-#s producsts  */
.rl-gallery-container[data-gallery_id="37488"] .rl-gallery .rl-gallery-item:nth-child(3) a > img,
.rl-gallery-container[data-gallery_id="37488"] .rl-gallery .rl-gallery-item:nth-child(4) a > img,
.rl-gallery-container[data-gallery_id="37495"] .rl-gallery .rl-gallery-item:nth-child(3) a > img,
.rl-gallery-container[data-gallery_id="37495"] .rl-gallery .rl-gallery-item:nth-child(4) a > img,
.rl-gallery-container[data-gallery_id="37487"] .rl-gallery .rl-gallery-item a > img {
	height: auto !important;
}

/* specific specs images in the products tabs */

/** ---------- END Product Tabs ---------- **/

/**------------ single product page short description ------------**/
/* .woocommerce-product-details__short-description { */
    /* display: grid; */
    /* grid-template-columns: repeat(2, 1fr); */
    /* grid-template-columns: 190px 150px;
    grid-template-rows: auto auto;
    gap: 0;
/* } */

.woocommerce-product-details__short-description p {
    margin-right: 0 !important;
    margin-left: 15px !important;
    padding-right: 0 !important;
    display: list-item;
} 

/* ensures that empty <p> tags take no space or are not displayed */
.woocommerce-product-details__short-description p:empty {
  display: none;
}
/**------------ END single product page short description ------------**/

/** ---------------------------------- End Single Product Page Archive -------------------------------- **/
