/*
 Theme Name: Astra Child
 Description: Motyw potomny dla Astra.
 Author: AlphaWeb
 Author URI: https://alphaweb.pl
 Template: astra
 Version: 1.0.0
*/

/*Sticky header*/
#masthead {
  position: sticky;
  top: 0;
  z-index: 1000;
  background-color: white; 
}

/* Napis wyprzedaż */

.woocommerce-js .ast-onsale-card{
	background-color: #cc0000; 
	color: white;
	font-size: 17px;
	font-weight: 800;
	border-radius: 1em;
	padding: 10px 20px;
	top: 0.7em;
	left: 0.7em;
}
body .wc-block-components-product-image .wc-block-components-product-sale-badge--align-right{
	background-color: #cc0000; 
	color: white;
	top: 0.7em;
	left: 0.7em;
	right: 0;
	width: fit-content;
	border-radius: 1em;
}

#billing_country_field {
    display: none !important;
}

/* Edycja podziekowan */

.woocommerce-thankyou-order-received{
	border-top: 3px solid var(--ast-global-color-3);
	padding:1em;
	background-color: #f7f6f7;
	font-size: 20px;
	font-weight:800;
}
.woocommerce-thankyou-order-received:before{
	content:"\2714";
	color: #4caf50;
	margin-right: 10px;
}

/* wyrownanie produktow w sklepie*/
.prodlist li.product, .woocommerce ul.products li.product {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

body .prodlist{
	padding: 0;
}
/* poprawa listy kat*/
.wp-block-categories-list li ul{
	padding: 4px 0 0 20px;
}
/* Sidebar sklep mobile ver*/
.filter-icon, #block-36 {
	display: none;
}
/*Usunięcie zobacz w zamowieniu*/
body:not(.logged-in) .woocommerce-order-details tfoot:first-of-type {
    display: none;
}

@media screen and (max-width: 920px) {
	#secondary {
		position: fixed;
		top: 0;
		right: -75%; 
		width: 75%; 
		height: 100%;
		background-color: #fff;
		transition: right 0.3s ease-in-out; 
		z-index: 1000;
		padding: 20px !important;
	}
	.filter-icon i{
		font-size: 16px !important;
	}
	.filter-icon{
		padding: 15px !important;
		font-size: 16px !important;
	}
	
	#block-36{
		margin: 0;
	}
	#block-36 div .uagb-svg-wrapper{
		cursor: pointer;
		background-color: var(--ast-global-color-0);
		border-radius: 10px;
	}
	#secondary.active {
		right: 0;
	}
	section h1.page-title{
		display: flex;
		align-items: center;
		justify-content: space-between;
		width:100%;
	}
	.filter-icon, #block-36 {
	display: block;
	}
}