/*PRODUCTS*/

/* 1. Add breathing room and prevent overlap */
.ppom-input-upload_planset {
    margin-bottom: 30px !important;
    display: block !important;
    width: 100% !important;
    clear: both;
}

/* 2. Ensure file previews push the buttons down */
.ppom-upload-preview, 
.ppom-file-container {
    margin-bottom: 20px !important;
    display: block !important;
    position: relative !important;
}

/* 3. Space out the Quantity box from the Add to Basket button */
.quantity {
    margin-right: 15px !important;margin-top: 35px !important;
    margin-bottom: 15px !important; /* Helps on mobile */
    display: inline-block !important;
}

button .add_to_cart_button, .single_add_to_cart_button {margin-top:19px!important;}
label .form-control-label, div .ppom-file-container {margin-bottom:20px!important;}

.ppom-input-upload_planset{disply:block;}

.ppom-collapsed-title{color:black!important;background-color:#eee!important;}
.form-control-label{font-size:0.8em!important;}
.ppom-file-container{background-color:#ededed;border:1px dashed #888;max-width:390px!important;margin-bottom:30px;}

.ppom-dragdrop-text{padding-top:20px;font-style: normal;font-size:0.9em;color:#888;}
		
		
.onsale{visibility:hidden;}

	 /*	div.ppom-rendering-fields{background-color:pink;margin-top:30px!important;max-width:390px;padding:0px!important;}/*More options*/
	 /* .form-row	div.ppom-field-wrapper{background-color:grey;padding:0px!important;width:490px!important;}
 /*.form-row div.ppom-pricematrix-range{padding-top:5px;padding-bottom:5px;background-color:red;width:390px!important;}}*/
	 /*	.ppom-input-upload_visual_of_site_map{background-color:orange;max-width:390px!important;}
.ppom-file-container{background-color:#ededed;border:1px dashed #888;}

.ppom-divider-line{}
#ppom-price-container{margin-top:20px;max-width:390px;}
.collapsed-child{padding:12px!important;margin-bottom:40px!important;}
.ppom-collapsed-title{color:black!important;background-color:#eee!important;margin-top:20px!important;}
.variations  .label label {visibility:hidden;}

.variations{background-color:;margin-top:-10px;margin-bottom:-30px;}
/*.ppom-input-upload_visual_of_site_map{width:350px!important;margin-bottom:80px;}
.bulk-pricing li {line-height:1.7em;list-style-type: disc;margin-left:20px;}
.bulk-pricing p {margin-top:20px;}*/
/*.bulk-pricing{max-width:350px!important;}*/





/*BUNDLED PRODUCTS*/
.bundled_product_images {margin-top:10px!important;/*background-color:red!important;*/width:120px!important;}/*can change image width*/
.bundled_product .details{margin-top:-138px;}/*Hack to move body up next to image*/
.bundled_product .bundled_item_wrap{ }/*wraps the price and qty button*/
.bundled_product .bundled_item_wrap .bundled_item_cart_details{width:200px;}
.bundled_product .bundled_item_wrap .bundled_item_after_cart_details{margin-top:20px!important;margin-left:-5px;}
.price .woocommerce-Price-amount{font-size:0.8em!important;}		
		
div.bundle_price 	span.woocommerce-Price-amount {padding-left:10px;margin-top:20px!important;}
div.bundle_price .price{font-size:1.2em!important;margin-top:20px!important;margin-bottom:30px!important;}
div.bundle_button{width:300px;display: flex!important; gap: 10px!important;}
.bundled_product_excerpt p{padding-left:20px;margin-top:-34px!important;font-size:0.8em!important;}
label.wpv-custom-search-filter__label{margin-top:20px!important;margin-bottom:6px;font-weight:400!important;}
div.form-group{}
.bundled_item_cart_content{font-size:1em!important;padding-left:20px;margin-top:-30px!important;}
.bundled_product_summary{background-color:#fff!important;}
.bundled_product_images {margin-bottom:8px!important;padding:4px!important;margin-right:20px!important;/*width:60px!important;*/background-color:#e8e7e7!important;}
.bundled_product_images img{width:300px!important;}
.bundled_item_images_head{visibility:hidden!important;display:none!important;}
.bundled_item_details_head, .bundled_item_qty_head{visibility:hidden!important;display:none!important;}
.details .bundled_product_title_inner{font-size:0.6em!important;font-weight:300!important;margin-top:-5px!important;padding-left:20px;}
.bundled_item_57{padding-bottom:0px!important;}
.bundled_product  .variations{margin-top:-40px!important;padding-bottom:0px!important;}
.bundled_item_cart_content{padding-bottom:0px!important;}
/*BUNDELED PRODUCTS END*/
			
		
/*CONFIG END*/

.header-main{display:none;}
.header-bottom{display:none;}

.single-product h1{font-size:1.5em;margin-bottom:-5px;}
.woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:first-child {
    pointer-events: none;}

.woocommerce-variation-description {display: none !important;}

/* Disable clicking on all product gallery thumbnails */
.woocommerce-product-gallery .flex-control-thumbs li {
    pointer-events: none !important;
}

/* Optional: Disable the lightbox "zoom" trigger icon */
.woocommerce-product-gallery__trigger {
    display: none !important;
}

nav.woocommerce-breadcrumb{/*margin-bottom:-10px!important;*/margin-top:-50px!important;font-size:0.8em!important;}nav.woocommerce-breadcrumb a{color:#000!important;}
.breadcrumb-container{width:100%;padding-bottom:20px!important;margin-top:-30px!important;padding-right:10px;}	
@media (max-width: 768px) {.home-icon{width:15px!important;}.home-icon,.nv-breadcrumb-delimiter,.top-level-cat{display:none;}}

/* Force Woo gallery to behave responsively on single product pages */
.single-product div.wp-block-woocommerce-views-product-image .woocommerce-product-gallery {
  display: block !important;
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* Flex/grid parents sometimes prevent shrinking */
.single-product div.wp-block-woocommerce-views-product-image .woocommerce-product-gallery {
  min-width: 0 !important;
}

/* Flexslider/viewport wrappers can hold a fixed width */
.single-product div.wp-block-woocommerce-views-product-image .woocommerce-product-gallery .flex-viewport,
.single-product div.wp-block-woocommerce-views-product-image .woocommerce-product-gallery__wrapper,
.single-product div.wp-block-woocommerce-views-product-image .woocommerce-product-gallery__image {
  width: 100% !important;
  max-width: 100% !important;
}

/* Make sure images scale */
.single-product div.product .woocommerce-product-gallery img {
  display: block !important;
  max-width: 100% !important;
  height: auto !important;
}



/*Product variations*/
.format-row {
padding-top:20px;
  display: flex;
  flex-wrap: wrap;
/*  width: 100%;
  align-items: stretch;*/
gap: 10px!important; 
}

.format-cell {
border-radius: 3px;  flex: 1 1 15%;
border:1px solid #ccc;
  padding: 2px;
  padding-top: 10px;
  padding-bottom: 10px;
  box-sizing: border-box;
  text-align: center;
  max-width:84px!important;
  min-width:60px!important;
  display: flex;
  flex-direction: column;
  align-items: center; /* Center horizontally */
}

.square {

 width: 28px; /* Limit maximum width */
  aspect-ratio: 1 / 1;

padding-top:9px!important;
}

.square {

 width: 28px; /* Limit maximum width */
  aspect-ratio: 1 / 1;

padding-top:9px!important;
}



.format-cell a {
font-size:0.6em!important;
  text-align: center;
  line-height: 1.2;
margin-top:8px;
}
.material-link{padding-top:5px;}

/* Mobile: stack columns at 599px or smaller */
@media (max-width: 1000px) {.format-left{margin-left:20px;}}



/* Container provides top and left borders */
.nec-container {
font-size:0.8em;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  box-sizing: border-box;
}

/* Each column provides right and bottom borders */
.nec-column {
  flex: 0 0 20%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  min-width: 0; 
}

/* Heading remains centered with flex */
.nec-heading {
  background-color: #eee;
  padding: 6px;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid #ccc;
}

/* CONTENT FIX: Removing flex display to prevent scrambling */
.nec-content {
line-height:1.6em!important;
  padding: 6px;
  flex-grow: 1;
  text-align: center; /* Standard horizontal centering */
  
  /* Vertical centering without flex scrambling */
  display: block; 
  align-content: center; /* Modern CSS way to center block text vertically */
}

 .nec-content a{
    color:#295da5;line-height:1.6em!important;
  }

/* Mobile View (max-width: 768px) */
@media (max-width: 768px) {
  .nec-column {
    flex: 0 0 100%;
    flex-direction: row;
  }

  .nec-heading {
    flex: 0 0 25%;
    min-width: 120px;
    border-bottom: 0;
    border-right: 1px solid #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .nec-content {
    flex: 1;
    text-align: left; /* Normal reading alignment on mobile */
  }


}



* {
  box-sizing: border-box;
}

.placement-graphics {

  display: grid;
  width: 100%;
  margin: 0 auto;
  margin-top:20px!important;
  /* Container provides top and left outer borders */

  border-left: 1px solid #ccc;

  /* Default (Small Devices): 4 Columns */
  grid-template-columns: repeat(4, 1fr);
}

/* Specific variation for Large Screens (1200px+): 8 Columns */
@media (min-width: 1200px) {
  .placement-graphics { grid-template-columns: repeat(8, 1fr);}

.pl-grid-item {border-top: 1px solid #ccc;}

}


@media (min-width: 1px) and (max-width:1199px) {  
.pl-grid-item {border-top: 1px solid #ccc;}}

.pl-grid-item {
  /* Each item provides its own right and bottom border */
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  
  text-align: center;
  padding: 15px 5px;
}



.gx-image img,.gx-image {height:50px;width:50px;background-color:re;text-algin:center;margin:auto;}
.gx-text{font-size:0.8em;line-height:1.1em;margin-top:10px;}
.pl-grid-item a{}
.pl-grid-item{text-align:center;min-width:110px;}

.pl-heading{margin-top:30px;margin-bottom:10px;padding:0px;/*border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;background-color:#fcfcfc;*/font-size:0.8em;color:#666;}




.woocommerce .button, 
.woocommerce .add_to_cart_button {
    background-color: #000!important; /* Change this to your desired color */
    color: white!important; /* Text color */
    border: 1px solid #000!important; /* Remove border if necessary */
    padding: 10px 15px; /* Adjust padding */
    cursor: pointer; /* Pointer cursor on hover */
}

.woocommerce .button:hover, 
.woocommerce .add_to_cart_button:hover {
    background-color: #45a049; /* Darker shade for hover */
}





/*Provides a bit more space under the price*/
 .wooviews-product-price{margin-bottom:30px!important;}





.woocommerce-tabs ul.wc-tabs li {
    margin-right:0px!important;

}

.woocommerce-tabs div.wc-tab{font-size:0.8em;line-height:1.5em;margin-top:-20px!important;}
.wooviews-product-tabs{margin-top:-20px!important;}

/* Style the container to make items appear in a single line */
.cross-sell-products {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 10px; /* Adjust spacing between items */
    overflow-x: auto; /* Enable horizontal scrolling if needed */
    margin-top: 20px;
list-style: none;
    text-align: center;

}

.cross-sell-products .nv-card-content-wrapper {
/*    border: 1px solid #ddd;*/
padding-bottom:10px!important;
}

.woocommerce-loop-product__title{font-size:0.9em;margin-bottom:10px!important;}

span.price span{font-size:0.8em!important;padding-bottom:10px;margin-top:-20px;}

/* Style each individual product item 
.cross-sell-products .nv-card-content-wrapper {
    flex: 1 1 calc(25% - 20px); /* Each item takes up 1/4 of the row */
    max-width: calc(25% - 20px); /* Prevents items from exceeding 25% width */
    box-sizing: border-box;
    padding: 10px;
  /*  border: 1px solid #ddd;*/
    border-radius: 8px;
    background-color: #f9f9f9;
    text-align: center;
}*/



.cat-links{padding-left:10!important;}.cat-links li{ list-style-type: disc;} .pp-cats-title{margin-left:-30px!important;margin-top:10px;font-weight:bold;list-style-type:none!important;}







.bulk-discounts {}
.bulk-discounts li {line-height:1.7em;list-style-type: disc;margin-left:20px;}
.shipping-checkout{padding:0px;margin-top:35px!important;color:#666;font-size:0.8em;
    display: flex;    justify-content: space-between;}

.box1 {width: 60px;}
.box2 {width: 100%;}