@charset "UTF-8";
/* CSS Document */

flex.shop-head {
	background-color: rgba(var(--white), 1);
	color: rgba(var(--text), 1);
	padding: 10px 15px;
	border-radius: var(--sml-radius);
	margin-bottom: 10px;
	justify-content: space-between;
}

flex.shop-head .site-header-cart {
	margin-top: 5px;
}

flex.shop-head .site-header-cart a.cart-icon {
	position: relative;
}

flex.shop-head .site-header-cart a.cart-icon svg {
	font-size: 25px;
}

flex.shop-head .site-header-cart #mini-cart-count {
	position: absolute;
	display: grid;
	line-height: 0;
	align-content: center;
	justify-content: center;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	font-size: 12px;
	background-color: rgba(var(--black), 1);
	right: -10px;
	top: -10px;
}

flex.shop-head .site-header-cart .dropdown {
	position: absolute;
	background-color: rgba(var(--white), 1);
	padding: 20px;
	border-radius: var(--sml-radius);
	box-shadow: 0 0 3px 0 rgba(0,0,0,0.5);
	right: 30px;
	z-index: 99;
	display: none;
}

flex.shop-head .site-header-cart:hover .dropdown {
	display: block;
}

section.products-archive grid.col-2 {
	grid-template-columns: 250px 1fr;
	gap: 30px;
}

section.products-archive .filters {
	margin-top: 50px;
	align-self: start;
	position: sticky;
	top: 50px;
}

section.products-archive .fa-filter {
	background-color: rgba(var(--act-primary), 1);
	width: 20px;
	height: 20px;
	padding: 10px;
	z-index: 999;
	border-radius: 50%;
	margin-bottom: 5px;
	margin-left: -10px;
	display: none;
}

section.products-archive .filters #filter-build {
	background-color: rgba(var(--white), 0.7);
	color: rgba(var(--text), 1);
	padding: 20px;
	border-radius: var(--big-radius);
}

section.products-archive .filters form.filters-form {
	display: grid;
	align-content: start;
	gap: 10px;
}

section.products-archive .filters form.filters-form input[type=checkbox] {
	-moz-appearance:none;
	-webkit-appearance:none;
	-o-appearance:none;
	
	box-shadow: 0 0 3px 0 rgba(0,0,0,0.1);
	background-color: rgba(var(--white), 1);
	border: 4px solid rgba(var(--white), 1);
	border-radius: 2px;
	padding: 5px;
}

section.products-archive .filters form.filters-form input[type=checkbox]:checked {
	background-color: rgba(var(--act-primary), 1);
}

section.products-archive .filters form.filters-form .ui-slider {
	height: 3px;
	margin-top: 10px;
	background-color: rgba(var(--text), 0.7);
}

section.products-archive .filters form.filters-form .ui-slider-range {
	background-color: rgba(var(--white), 1);
}

section.products-archive .filters form.filters-form .ui-slider-handle {
	top: -8px;
	border-radius: 50px;
	width: 10px;
	height: 10px;
	background-color: rgba(var(--act-primary), 1);
	border: 4px solid rgba(var(--white), 1);
}

section.products-archive .filters label.head {
	font-weight: bold;
}

section.products-archive .filters flex.amounts {
	justify-content: space-between;
}

section.products-archive flex.products-wrap {
	justify-content: space-between;
	flex-wrap: wrap;
	align-content: flex-start;
}

section.products-archive flex.products-wrap h1.page-title {
	font-size: 20px;
	width: 100%;
}

section.products-archive flex.products-wrap .woocommerce-notices-wrapper, .woocommerce-no-products-found {
	width: 100%;
}

section.products-archive .products-wrap ul.products {
	background-color: rgba(var(--white), 0.7);
	padding: 20px;
	border-radius: var(--big-radius);
	width: 100%;
}

ul.products {
	display: grid;
	gap: 20px;
}

ul.products::before {
	grid-column: 1 / -1;
}

ul.products.columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

ul.products.columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

ul.products li.product {
	position: relative;
	display: grid;
	width: 100%!important;
	margin: 0!important;
	background-color: rgba(var(--white), 1);
	padding: 10px!important;
	box-sizing: border-box;
	border-radius: var(--sml-radius);
}

ul.products li.product .add_to_cart_button {
	align-self: end;
}

.product .onsale {
	border-radius: var(--sml-radius)!important;
	padding: 5px 10px!important;
	background-color: rgba(var(--black), 1)!important;
}

ul.products li.product h2 {
	padding: 0!important;
	color: rgba(var(--shd-mid), 1);
}

ul.products li.product .retail-price bdi {
	color: rgba(var(--shd-mid), 1);
	text-decoration: line-through;
}

ul.products li.product span.price {
	color: rgba(var(--text), 1)!important;
}

ul.products li.product span.price bdi {
	font-size: 18px;
	font-weight: 600;
}

ul.products .button {
	background: linear-gradient(60deg, rgba(var(--act-primary), 1) 0%, rgba(var(--act-primary-dark), 1) 20%, rgba(var(--act-primary-light), 1) 60%, rgba(var(--act-primary), 1) 100%)!important;
	color: rgba(var(--text), 1)!important;
	padding: 10px 15px!important;
	border-radius: var(--sml-radius)!important;
	text-decoration: none!important;
	font-size: var(--std-font-size)!important;
	font-weight: 600!important;
}

section.products-archive nav.woocommerce-pagination {
	margin-bottom: 50px;
	display: grid;
    width: 100%;
	justify-items: center;
}

section.products-archive nav.woocommerce-pagination ul {
	border: none;
}

section.products-archive nav.woocommerce-pagination li {
	border: none;
	border-radius: var(--sml-radius);
	margin: 2px;
}

/* SINGLE */
section.single-product div.product {
	background-color: rgba(var(--white), 1);
	border-radius: var(--big-radius);
	padding: 30px;
	color: rgba(var(--text), 1);
	margin-bottom: 50px;
}

section.single-product div.product div.summary {
	display: grid;
	gap: 20px;
}

section.single-product div.product h1.product_title {
	font-size: 28px;
	color: rgba(var(--shd-mid), 1);
}

section.single-product .summary .retail-price bdi {
	color: rgba(var(--shd-mid), 1);
	text-decoration: line-through;
}

section.single-product .summary .price {
	color: rgba(var(--text), 1)!important;
}

section.single-product .summary .price bdi {
	font-size: 30px;
	font-weight: 600;
}

section.single-product .summary input.qty {
	border-radius: 5px;
	box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.2);
	padding: 15px 10px;
}

section.single-product .summary button {
	background: linear-gradient(60deg, rgba(var(--act-primary), 1) 0%, rgba(var(--act-primary-dark), 1) 20%, rgba(var(--act-primary-light), 1) 60%, rgba(var(--act-primary), 1) 100%);
	color: rgba(var(--text), 1)!important;
	font-family: var(--font-family);
	padding: 15px 20px;
}

section.single-product .summary button:hover {
	background-color: rgba(var(--shd-dark), 1)!important;
	color: rgba(var(--white), 1)!important;
}

/* CART */
form.woocommerce-cart-form, .woocommerce-checkout-review-order {
	background-color: rgba(var(--white), 1);
	border-radius: var(--big-radius);
	padding: 30px;
	color: rgba(var(--text), 1);
	margin-bottom: 20px;
}

.cart-collaterals .cart_totals {
	background-color: rgba(var(--white), 1);
	border-radius: var(--big-radius);
	padding: 30px;
	color: rgba(var(--text), 1);
	margin-bottom: 50px;
	box-sizing: border-box;
}

.cart-collaterals .cart_totals a.checkout-button {
	background: linear-gradient(60deg, rgba(var(--act-primary), 1) 0%, rgba(var(--act-primary-dark), 1) 20%, rgba(var(--act-primary-light), 1) 60%, rgba(var(--act-primary), 1) 100%);
	color: rgba(var(--text), 1)!important;
}

#payment .place-order button {
	background: linear-gradient(60deg, rgba(var(--act-primary), 1) 0%, rgba(var(--act-primary-dark), 1) 20%, rgba(var(--act-primary-light), 1) 60%, rgba(var(--act-primary), 1) 100%);
	color: rgba(var(--text), 1)!important;
	font-family: var(--font-family);
	padding: 15px 20px;
	margin-top: 20px;
}

#payment {
	background-color: rgba(0,0,0,0.05)!important;
}

/* CHECKOUT */
section.checkout a.terug-btn {
	padding: 10px 20px;
	border: 1px solid rgba(var(--white), 1);
	border-radius: var(--sml-radius);
	color: rgba(var(--white), 1);
	justify-self: start;
	margin-bottom: 10px;
}

form.checkout {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 50px;
}

form.checkout .col2-set {
	display: grid;
	background-color: rgba(var(--white), 1);
	border-radius: var(--big-radius);
	padding: 30px;
	color: rgba(var(--text), 1);
	margin-bottom: 50px;
	box-sizing: border-box;
}

form.checkout .col2-set .col-1, form.checkout .col2-set .col-2 {
	float: none;
	width: 100%;
	display: grid;
}

form.checkout input {
	border-color: rgba(var(--shd-mid), 1);
}

section.checkout div.woocommerce-order {
	background-color: rgba(var(--white), 1);
	border-radius: var(--big-radius);
	padding: 30px;
	color: rgba(var(--text), 1);
}

/* MINICART */
ul.woocommerce-mini-cart li.woocommerce-mini-cart-item a.remove {
	position: absolute;
    left: 0;
}

ul.woocommerce-mini-cart li.woocommerce-mini-cart-item:hover a.remove {
	display: grid;
	justify-content: center;
	align-content: center;
	background: none;
}

ul.woocommerce-mini-cart li.woocommerce-mini-cart-item a.remove:hover {
	color: red!important;
}

div.mini-cart .woocommerce-mini-cart__buttons {
	display: flex;
}
 
@media screen and (max-width: 1180px) and (orientation: portrait),
screen and (max-width: 1024px) {
	ul.products.columns-3 {
		grid-template-columns: repeat(2, 1fr);
	}
	
	ul.products.columns-4 {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 768px) {
	section.products-archive grid.col-2 {
		grid-template-columns: 1fr;
	}
	
	ul.products.columns-3 {
		grid-template-columns: repeat(1, 1fr);
	}
	
	ul.products.columns-4 {
		grid-template-columns: repeat(1, 1fr);
	}
	
	section.products-archive .filters {
		z-index: 99;
	}
	
	section.products-archive .fa-filter {
		display: block;
	}
	
	section.products-archive .filters #filter-build {
		background-color: rgba(var(--white), 1);
		box-shadow: 0 0 20px 20px rgba(0,0,0,0.5);
		display: none;
	}
	
	form.checkout {
		grid-template-columns: 1fr;
	}
}