/*
Theme Name: PCM_child
Template: storefront
*/

/* Hide normal stock classes, show only approximate stock classes *//* These stopped working after Storefront update */
.stock.approx-out-of-stock:before {
    /*content: "\f119";*/
}
.stock.approx-in-stock:before {
    /*content: "\f118";*/
}
.stock.approx-few-stock:before {
    /*content: "\f118";*/
}
.stock.approx-some-stock:before {
    /*content: "\f118";*/
}
.stock:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    margin-right: 0.5407911001em;
}
.stock:empty:before{
    display:none
}
.stock.in-stock{
    display:none
}

.stock.out-of-stock{
    display:none
}
.stock.approx-in-stock{
    color:#0f834d
}
.stock.approx-few-stock{
    color:#FFA500
}
.stock.approx-some-stock{
    color:#CCCC00
}
.stock.approx-out-of-stock{
    color:#e2401c
}
/*Don't show ANY images in catalogue
ul.products li.product img{
    display:block;
    margin:0 auto 1.618em
}*/

/*Show category images, but not product images*/
ul.products li.product .woocommerce-LoopProduct-link {
    display: block;
	padding: 10px;
}

/*Disables the margin in order to make the products show up evenly*/
.woocommerce ul.products .product.berocket_lgv_list:nth-child(n), .woocommerce-page ul.products .product.berocket_lgv_list:nth-child(n) {
    float: left;
    margin: 0;
    margin-right: 0px;
}


/*Hide product filter header*/
/*.gamma.widget-title{
	display: none;
}*/

/*Hide links from product additional info tab*/
.shop_attributes a[rel="tag"] {
    pointer-events: none;
    cursor: default;
	color: #000000;
}

/* Notify text for packaging costs */
.packaging_cost_text{
	color: red;
}

/*The CSS inside the @media is for styling the custom list view.*/
@media (min-width: 768px) {
 
	.site-main ul.products li.product {
		width: 100%;
		float: none;
		margin: 0;
	}
	 
	.site-main ul.products {
	/*border-right: 1px solid;*/
	/*border-bottom: 1px solid;*/
	margin: 1em 0;
	}
	 
	.site-main ul.products li.product .product_table {
	  display: flex;
	  flex-wrap: wrap;
	}
	 
	.site-main ul.products li.product div.one_third {
		width: 33.3%;
		float: left;
		margin: 0;
		text-align: left;
		background-color: #f4f7f5;
		/*border-left: 1px solid;*/
		border-top: 1px solid;
		padding: 1em 2em;
		box-sizing: border-box;
		flex-grow: 1;
		overflow: hidden;
	}

	button, input[type="button"], input[type="reset"], input[type="submit"], .button, .added_to_cart, .widget a.button, .site-header-cart .widget_shopping_cart a.button {
		background-color: #333333;
		border-color: #eeeeee;
		color: #f4f7f5;
	}

	
 
}

/* This is for hiding the address edit buttons in myaccount-->addresses*/
/*@media (min-width: 768px){*/
	.addresses header.title a {
		display: none;
		width: 1em;
		height: 1em;
		text-indent: -9999px;
		position: relative;
		padding: 0.875em;
		margin-top: 0.6180469716em;
	}
/*}*/

/*Forces the footer to the bottom of the page so there is no ugly space beneath it in some cases*/
.site-footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
}
html {
  height: 100%;
}
body {
  position: relative;
  margin: 0;
  padding-bottom: 6rem;
  min-height: 100%;
}

/* Remove border from active link */
a:focus, .focus a {
	outline: none !important;
}

/* Remove product image from product page */
.woocommerce-product-gallery {
display:none;
}

/* Align product information to left.
   Use when product page image is hidden. */
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
float: left;
}

/*Product filter settings */
/*top page on small screens*/
@media ( max-width: 768px ) {
	#wrapper   { display: table; }
	#primary  { display: table-footer-group; }
	#secondary { display: table-header-group; }
	
	/*category image size and visibility*/
	li a img {
		/*visibility: hidden;*/
		width: 50%;
		height: auto;
	}
	
	/*wrap up filter form -> needs less space*/
	.gamma.widget-title{
		padding-top: 1px;
		padding-bottom: 1px;
		margin-bottom: 0px;
	}	
	.widget.woocommerce.widget_layered_nav.woocommerce-widget-layered-nav{
		margin-bottom: 0px;
	}
}	

/*Quantity selector settings on shop page*/
/*.archive .quantity { display: inline-block; }*/

/*Mobile product list more user friendly*/
@media only screen and ( min-width: 320px ) and ( max-width: 767px ) {
    .products {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;        
		-ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
		flex-direction: column;
    }
	
    ul.products:before,
    ul.products:after {
        width: 0 !important;
    }
	
	ul.products li.product-category{
		/*border-top: 1px solid;*/
		margin-bottom: 0px;
		margin-top: 0px;
		padding: 0px 0px 0px 0px;
	}
	
    ul.products li.product div.one_third{
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        width: auto;
        padding: 0.5em;		
		margin-bottom: 0em !important;
		margin-top: 0px;
    }	
	
	ul.products li[class|='post']{
		border-top: 1px solid;
		margin-bottom: 0px;
	}

	ul.products li[class|='post'] div.product_table div.one_third{
		padding: 0px 0px 0px 0px;
		margin: 0px;
	}
	
	ul.products li[class|='post'] div.product_table div.one_third a.woocommerce-LoopProduct-link h2.woocommerce-loop-product__title{
		padding: 0px 0px 0px 0px;
		margin: 0px;
	}
	
	ul.products li[class|='post'] div.product_table div.one_third span.price{
		padding: 0px 0px 0px 0px;
		margin: 0px;
	}
	
	ul.products li[class|='post'] div.product_table div.one_third div.product-meta p.stock{
		padding: 0px 0px 0px 0px;
		margin: 0px;
	}
	
	button, input[type="button"], input[type="reset"], input[type="submit"], .button, .added_to_cart, .widget a.button, .site-header-cart .widget_shopping_cart a.button {
		background-color: #333333;
		border-color: #eeeeee;
		color: #f4f7f5;
	}	
}

/* Footer column styles */
.leftfooter, .middlefooter, .rightfooter {
	float: left;
	width: 33%;
}

@media screen and (max-width: 768px) {
	.leftfooter, .middlefooter, .rightfooter {
  		width: 100%; /* The width is 100%, when the viewport is 800px or smaller */
  	}
	.site-info{
		margin-bottom: auto;
	}
	.site-footer{
		position: relative;
		margin-bottom: 0px;
	}
}

.posted-on, .post-author, .nav-previous, .nav-next{
	display: none;
}

/* Display breadcrumbs on every page */
nav.woocommerce-breadcrumb{
	display: block !important;
}

/* Hide totals from mini cart */
a.cart-contents .woocommerce-Price-amount.amount{
	display: none !important;
}*
.woocommerce-mini-cart__total.total{
	display: none !important;
}

/*Change opacity for billing information on checkout page*/
.woocommerce-billing-fields{
	opacity: 0.6;
}

/*.my-account-extra-box {
    text-align: center;
}

.my-account-extra-box img {
    display: inline-block;
}*/

.my-account-breadcrumb-row {
    display: flex;
    justify-content: space-between; /* left ↔ right */
    align-items: flex-start;        /* vertical centering */
	padding: 15px;
    gap: 16px;
}

.my-account-extra-right img {
    display: block;
    /*max-height: 32px; */
    height: 40px;
	width: auto;
}
