/*
==  WOOCOMMERCE THEME DETAILS  ============================================================
    Theme Name: Groener Dan
	Theme URI: https://www.groenerdan.nl/
    Description: Woocommerce Stylesheet Groener Dan
    Version: 1.0
	Author: Kracht Internet Marketing
	Author URI: https://www.krachtinternetmarketing.nl

===============================================================================
*/

/*---------------------------------------------- 
	1.1 Basics
------------------------------------------------*/
	.woocommerce .button ,
	.woocommerce #review_form #respond .form-submit input {
		font-size: 0.8rem !important;
		font-weight: 600 !important;
		line-height: 1rem !important;
		padding: 0.75rem 1.5rem !important;
		color: var(--white) !important;
		background: var(--green) !important;
		border: none !important;
		border-radius: 5px !important;
		display: inline-flex !important;
		margin: 0 !important;
		transition: all 0.3s ease-in-out;
	}

	.woocommerce .button:hover ,
	.woocommerce #review_form #respond .form-submit input:hover {
		background: var(--light-green) !important;
		color: var(--white) !important;
	}

	.woocommerce select {
		font-size: 0.8rem;
		border: 0.5px solid var(--grey);
		color: var(--black);
		width: 100%;
		min-width: 150px;
		height: 50px;
		padding: 0 1rem;
		margin: 0 !important;
		background-color: var(--white) !important;
		background-image:url(../images/dropdown-select.svg) !important;
		background-repeat:no-repeat;
		background-position: right !important;
		-webkit-appearance: none;
		appearance:none;
		-moz-appearance: none;
		background-size: 44px 20px;
		border-radius: 5px;
	}

	.woocommerce select::-ms-expand {
   		display: none;
	}

	.woocommerce input::placeholder,
	.woocommerce textarea::placeholder {
		font-size: 0.8rem;
	}

	.woocommerce label {
		font-size: 0.8rem;
		font-weight: 700;
		margin-bottom: 0.25rem !important;
	}

	.woocommerce ins {
		text-decoration: none !important;
		font-weight: 700;
	}

	.woocommerce #respond input#submit.added::after, 
	.woocommerce a.button.added::after, 
	.woocommerce button.button.added::after, 
	.woocommerce input.button.added::after {
		display: none !important;
	}

  	.woocommerce .woocommerce-form-login input.woocommerce-Input ,
	.woocommerce .woocommerce-form-login span.password-input {
		width: 100% !important;
		max-width: 20rem !important;
	}

	.woocommerce .u-column1 + .u-column2 {
		margin-top: 1.5rem;
	}

	.woocommerce .woocommerce-form-register input.woocommerce-Input ,
	.woocommerce .woocommerce-form-register span.password-input{
		width: 100% !important;
		max-width: 30rem !important;
	}

	.woocommerce-notices-wrapper {
		position: relative;
	}

	.woocommerce-message {
		border-top-color: var(--green);		
		width: 100%;
		z-index: 9;
        background-color: none !important;
	}

	.woocommerce-message a.kim-melding-link {
		float: right;
		font-weight: 600;
		color: var(--red);
		margin-left: 1rem;
	}

	.woocommerce-error {
		margin-bottom: 2rem !important;
	}

    .woocommerce span.onsale {
        line-height: 1.75rem !important;
        border-radius: 5px !important;
        background: var(--green) !important;
        padding: 0 0.75rem !important;
        min-height: inherit !important;
        margin: 0;	
	}

	.woocommerce div.product span.onsale {
		left: 1rem;
		top: 1rem;
	}

	.woocommerce .woocommerce-notices-wrapper ul {
		padding: 1rem 2rem 1rem 3.5rem !important;
	}

	.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward {
		font-size: 0.8rem !important;
		line-height: 1rem !important;
		text-decoration: none !important;
	}

	.woocommerce-error li::before {
		display: none !important;
	}

	.woocommerce-error li {
		padding-left: 2.75rem !important;
	}

/* Breadcrumbs ---------------------------------- */
	.woocommerce-breadcrumb ,
	.woocommerce .woocommerce-breadcrumb {
		font-size: 0.7rem;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 0.5rem;
		color: var(--charcoal);
		margin: 0;
		padding: 0;
	}

	.woocommerce-breadcrumb > span {
		font-size: 0.8rem;
		font-weight: 300;
		color: var(--light-green);
	}

	.woocommerce-breadcrumb a ,
	.woocommerce .woocommerce-breadcrumb a {
		color: var(--charcoal);
	}

	.woocommerce-breadcrumb a:hover ,
	.woocommerce .woocommerce-breadcrumb a:hover {
		color: var(--green);
	}

/*---------------------------------------------- 
	1.2 Term Description
------------------------------------------------*/
	.term-description p + p {
		margin-top: 1.5rem !important;
	}

	.term-description p + p ,
	.term-description p + h2 ,
	.term-description p + h3 ,
	.term-description p + h4 ,
	.term-description p + h5 ,
	.term-description p + ul ,
	.term-description h3 + ul ,
	.term-description h4 + ul ,
	.term-description ul + p ,
	.term-description ul + h3 {
		margin-top: 1.5rem !important;
	}

	.term-description h3 ,
	.term-description h4 {
		margin-bottom: 1rem;
	}

/*---------------------------------------------- 
	1.8 Pagination
------------------------------------------------*/
	.woocommerce nav.woocommerce-pagination {
		margin-top: 2.5rem;
		text-align: center;
	}

	.woocommerce nav.woocommerce-pagination ul {
		display: inline-flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 0.5rem;
		margin: 0;
		padding: 0;
		border: none;
		white-space: normal;
	}

	.woocommerce nav.woocommerce-pagination ul li {
		float: none;
		display: block;
		border: none;
		overflow: visible;
	}

	.woocommerce nav.woocommerce-pagination ul li a ,
	.woocommerce nav.woocommerce-pagination ul li span {
		display: flex;
		align-items: center;
		justify-content: center;
		min-width: 2.5rem;
		height: 2.5rem;
		padding: 0 0.75rem;
		font-size: 0.7rem;
		font-weight: 600;
		line-height: 1;
		color: var(--black);
		background: var(--white);
		border-radius: 5px;
		box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2);
		text-decoration: none;
		transition: all 0.3s ease-in-out;
	}

	.woocommerce nav.woocommerce-pagination ul li a:hover ,
	.woocommerce nav.woocommerce-pagination ul li a:focus {
		color: var(--green);
		background: var(--white);
	}

	@media (min-width: 1200px) {
		.woocommerce nav.woocommerce-pagination ul li a:hover {
			transform: translateY(-2px);
		}
	}

	.woocommerce nav.woocommerce-pagination ul li span.current {
		color: var(--white);
		background: var(--green);
	}

	.woocommerce nav.woocommerce-pagination ul li span.dots {
		min-width: auto;
		padding: 0 0.25rem;
		background: none;
		box-shadow: none;
	}

/*---------------------------------------------- 
	2.1 Winkeloverzicht
------------------------------------------------*/
    small .woocommerce-Price-amount.amount bdi::after {
        content: none;
    }

    .woocommerce .product .price ins, 
    .woocommerce div.product span.price ins {
        font-weight: 600 !important;
    }

/* Productslider -------------------------------------- */
	.swiper-producten {
		padding: 0.5rem;
		margin: -0.5rem;
	}

	.swiper-producten .swiper-slide > .product {
		width: 100%;
		max-width: 100%;
		height: 100%;
		padding: 0;
	}

/* Item Product -------------------------------------- */
	.item-product {
		display: flex;
		flex-direction: column;
		padding: 1rem 1rem 1.5rem;
		color: var(--black);
	}

	.item-product__footer {
		margin-top: auto;
		padding-top: 1.5rem;
	}

	.item-product__image img {
		aspect-ratio: 1 / 1;
		object-fit: contain;
	}

	.item-product__tags {
		gap: 0.3rem;
	}

	.item-product__tag {
		display: inline-block;
		font-size: 0.65rem;
		font-weight: 600;
		line-height: 1.5rem;
		padding: 0 0.5rem;
		color: var(--white);
		background-color: var(--light-green);
		border-radius: 1.5rem;
	}

	.item-product__price {
		font-size: 1.15rem;
		line-height: 1;
	}

	.item-product__link {
		font-size: 0.7rem;
	}

	.item-product__link:hover {
		color: var(--green) !important;
	}

	@media (max-width: 992px) {
		.item-product__tag {
			font-size: 0.75rem;
		}
	}

/*---------------------------------------------- 
	3. Single Product
------------------------------------------------*/
	.product-intro__image {
		padding: 3rem;
	}

	@media (min-width: 992px) {
		.product-intro__image {
			margin-bottom: -4rem;
		}
	}

	@media (max-width: 991px) {
		section.product-intro {
			padding-bottom: 4rem;
		}

		section.product-tabs {
			padding-top: 4.5rem;
		}
	}

/* Korte omschrijving -------------------------------------- */
	.product-intro .woocommerce-product-details__short-description {
		margin-top: 2rem;
	}

/* Stock -------------------------------------- */
	.woocommerce .product .stock {
		font-size: 0.8rem;
		font-weight: 600;
		margin: 1rem 0 0 0 !important;
	}

	.woocommerce div.product form.cart:not(.variations_form) {
		flex-wrap: wrap;
	}

	.woocommerce div.product form.cart p.stock {
		order: 0;
		flex: 0 0 100%;
	}

	.woocommerce .product .stock.in-stock ,
	.woocommerce td.product-name .stock.in-stock {
		color: var(--light-green);
	}

	.woocommerce .product .stock.out-of-stock {
		color: var(--red);
	}

	.woocommerce .product .stock.available-on-backorder ,
	.woocommerce td.product-name .stock.available-on-backorder {
		color: var(--green);
	}

	.woocommerce td.product-name .stock {
		margin: 0.25rem 0 0 0;
		font-size: 0.65rem !important;
		line-height: 1.25rem;
	}

/* Price -------------------------------------- */
	.woocommerce .product p.price ,
	.woocommerce .woocommerce-variation-price span.price {
		font-size: 1.75rem !important;
		font-weight: 700 !important;
		line-height: 2.5rem;
		color: var(--dark) !important;
		margin: 1rem 0 0 0 !important;
		display: flex;
		flex-wrap: wrap;
		align-items: baseline;
		column-gap: 0.35rem;
	}

	.woocommerce-Price-currencySymbol {
		padding-right: 0 !important;
	}

	.woocommerce .product p.price .woocommerce-price-suffix ,
	.woocommerce .woocommerce-variation-price span.price .woocommerce-price-suffix {
		font-size: 0.65rem;
		color: var(--grey) !important;
		font-weight: 400;
		margin-left: 0.4rem;
	}

	.woocommerce .product p.price del ,
	.woocommerce .woocommerce-variation-price span.price del {
		font-size: 1.25rem;
		margin-right: 0.5rem;
	}

/* Formulier -------------------------------------- */
	.woocommerce div.product form.cart {
		margin: 1rem 0 0 0 !important;
		display: flex !important;
	}

	.product-intro .quantity input.qty {
		width: 3rem;
		height: 3rem;
		font-size: 0.8rem;
		font-weight: 500;
		color: var(--charcoal);
		background: var(--white);
		border: 0 !important;
		border-radius: 0.25rem !important;
		margin: 0 !important;
		-moz-appearance: textfield;
	}

	.product-intro .quantity input.qty::-webkit-outer-spin-button ,
	.product-intro .quantity input.qty::-webkit-inner-spin-button {
		-webkit-appearance: none;
		margin: 0;
	}

	.woocommerce .quantity .qty {
		width: 4rem;
		height: 2.5rem;
		font-size: 0.7rem;
		font-weight: 400;
		line-height: 1rem;
		padding: 0 0.5rem;
		text-align: center;
		color: var(--black);
		background: var(--white);
		margin-right: 0.5rem !important;
		border: 0.5px solid var(--grey) !important;
		border-radius: 5px !important;
	}

	.woocommerce .quantity .qty:focus {
		outline: none;
		border-color: var(--green) !important;
		box-shadow: none;
	}

/* Variable -------------------------------------- */
	.woocommerce div.product form.cart .variations {
		margin: 0;
		border: none;
	}

	.woocommerce div.product form.cart .variations tr {
		display: flex;
		align-items: center;
	}

	.woocommerce div.product form.cart .variations tr + tr {
		margin-top: 0.75rem;
	}

	.woocommerce div.product form.cart .variations th ,
	.woocommerce div.product form.cart .variations td {
		padding: 0;
		border: none;
	}

	.woocommerce div.product form.cart .variations th {
		flex: 0 0 7.1rem;
	}

	.woocommerce div.product form.cart .variations th label {
		font-size: 0.8rem;
		font-weight: 700;
		color: var(--black);
		margin: 0 !important;
	}

	.woocommerce div.product form.cart .variations td select {
		width: 13.7rem;
		min-width: inherit;
		font-size: 0.8rem;
		border-radius: 0.25rem;
		padding: 0 2.5rem 0 1.25rem;
		background-position: right 1rem center !important;
	}

	.woocommerce div.product form.cart .reset_variations {
		font-size: 0.7rem !important;
		margin-left: 0.75rem;
		color: var(--grey);
	}

	.woocommerce div.product .woocommerce-variation {
		display: flex;
		flex-direction: column;
	}

	.woocommerce div.product .woocommerce-variation-availability {
		order: -1;
	}

	.woocommerce .product p.price span.from {
		font-size: 0.7rem;
		font-weight: 400 !important;
		color: var(--grey);
	}

/* Tabs -------------------------------------- */
	.product-tabs__nav {
		gap: 1rem;
	}

	.product-tabs__button {
		font-size: 0.8rem;
		font-weight: 600;
		line-height: 1.75rem;
		color: var(--dark);
		background: transparent;
		border: 0.5px solid rgba(16,16,16,0.165);
		border-radius: 0.25rem;
		padding: 0.3rem 1rem;
		transition: all 0.3s ease-in-out;
	}

	.product-tabs__button:hover {
		color: var(--green);
		border-color: var(--green);
	}

	.product-tabs__button.active {
		color: var(--white);
		background-color: var(--green);
		border-color: var(--green);
	}

	.product-tabs .content-block {
		font-size: 0.8rem;
		line-height: 1.75rem;
		color: var(--dark);
	}

/* Eigenschappen -------------------------------------- */
	.woocommerce table.shop_attributes,
	.woocommerce table.shop_attributes tr {
		border: none;
		background-color: var(--white) !important;
	}

	.woocommerce table.shop_attributes th,
	.woocommerce table.shop_attributes td {
		border: none;
		background: transparent !important;
		width: auto;
		text-align: left;
		vertical-align: top;
		font-style: normal !important;
		font-weight: 400;
		padding: 0.5rem;
		line-height: 1.25rem;
	}

	.woocommerce table.shop_attributes tr:nth-child(odd) > * {
		background: rgba(0, 0, 0, 0.05) !important;
	}

	.woocommerce table.shop_attributes td p {
		margin: 0;
		padding: 0;
	}

/*---------------------------------------------- 
	4. Winkelwagen
------------------------------------------------*/
	.woocommerce table.shop_table {
		border: none !important;
		border-radius: 0;
	}

	.woocommerce table.shop_table.cart,
	.woocommerce table.shop_table.cart tbody,
	.woocommerce table.shop_table.cart tbody tr,
	.woocommerce table.shop_table.cart tbody td {
		display: block;
		width: 100% !important;
		border: none !important;
		background: transparent !important;
	}

	.woocommerce table.shop_table.cart thead {
		display: none !important;
	}

	.woocommerce table.shop_table.cart tr.cart_item {
		display: grid !important;
		grid-template-columns: 9rem minmax(0, 1fr) auto;
		grid-template-rows: auto auto auto 1fr auto;
		grid-template-areas:
			"afbeelding naam      ."
			"afbeelding prijs     ."
			"afbeelding subtotaal ."
			"afbeelding .         ."
			"afbeelding aantal    verwijderen";
		column-gap: 1rem;
		row-gap: 0.25rem;
		align-items: start;
		background: var(--white) !important;
		border-radius: 1rem;
		box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.15);
		padding: 1.25rem !important;
		margin-bottom: 1.5rem;
	}

	.woocommerce table.shop_table.cart tr.cart_item td {
		padding: 0 !important;
		font-size: 0.8rem !important;
		line-height: 1.25rem;
		text-align: left !important;
	}

	.woocommerce table.shop_table.cart td.product-thumbnail {
		grid-area: afbeelding;
	}

	.woocommerce table.shop_table.cart td.product-thumbnail img {
		width: 100% !important;
		height: auto;
		aspect-ratio: 1 / 1;
		object-fit: contain;
		border-radius: 0;
	}

	.woocommerce table.shop_table.cart td.product-name {
		grid-area: naam;
	}

	.woocommerce table.shop_table.cart td.product-name > a {
		display: block;
		font-size: 1.25rem !important;
		line-height: 1.75rem !important;
		font-weight: 800 !important;
		color: var(--black) !important;
	}

	.woocommerce table.shop_table.cart td.product-name .stock {
		font-size: 0.8rem !important;
		font-weight: 600;
		margin-top: 0.5rem !important;
	}

	.woocommerce table.shop_table.cart td.product-name > a:hover {
		color: var(--green) !important;
	}

	.woocommerce table.shop_table.cart td.product-price,
	.woocommerce table.shop_table.cart td.product-subtotal {
		white-space: nowrap;
	}

	.woocommerce table.shop_table.cart td.product-price {
		grid-area: prijs;
	}

	.woocommerce table.shop_table.cart td.product-subtotal {
		grid-area: subtotaal;
	}

	.woocommerce table.shop_table.cart td.product-price::before,
	.woocommerce table.shop_table.cart td.product-subtotal::before {
		content: attr(data-title);
		font-size: 0.8rem;
		font-weight: 600;
		color: var(--grey);
		margin-right: 0.5rem;
	}

	.woocommerce table.shop_table.cart td.product-subtotal {
		font-size: 1.15rem !important;
		font-weight: 800;
		color: var(--green);
		margin-top: 0.25rem;
	}

	.woocommerce table.shop_table.cart td.product-quantity {
		grid-area: aantal;
	}

	.woocommerce table.shop_table.cart td.product-quantity input.qty {
		width: 3rem !important;
		max-width: 3rem !important;
		height: 3rem !important;
		font-size: 0.8rem !important;
		font-weight: 500;
		padding: 0 !important;
		text-align: center;
		color: var(--charcoal);
		background: var(--off-white);
		border: 0 !important;
		border-radius: 0.25rem !important;
	}

	.woocommerce table.shop_table.cart td.product-remove {
		grid-area: verwijderen;
		text-align: right !important;
	}

	.woocommerce table.shop_table.cart td.product-remove a.remove {
		display: inline-block;
		font-size: 0 !important;
		line-height: 3rem !important;
		width: auto !important;
		height: auto !important;
		color: var(--grey) !important;
		background: none !important;
	}

	.woocommerce table.shop_table.cart td.product-remove a.remove::after {
		content: "Verwijderen";
		font-size: 0.8rem;
		font-weight: 600;
		text-decoration: underline;
	}

	.woocommerce table.shop_table.cart td.product-remove a.remove:hover {
		color: var(--red) !important;
		background: none !important;
	}

	.woocommerce table.shop_table.cart td.actions {
		padding: 0 !important;
		text-align: right !important;
	}

	.woocommerce table.shop_table.cart td.actions .button {
		font-weight: 700 !important;
		padding: 0.95rem 1.25rem !important;
		color: var(--black) !important;
		background: transparent !important;
		border: 1px solid var(--black) !important;
		border-radius: 0.25rem !important;
	}

	.woocommerce table.shop_table.cart td.actions .button:not(:disabled):hover {
		color: var(--white) !important;
		background: var(--black) !important;
	}

	.woocommerce table.shop_table.cart td.actions .button:disabled {
		opacity: 0.4;
		cursor: not-allowed;
		transform: none !important;
	}

	.woocommerce table.shop_table tbody ,
	.woocommerce table.shop_table tbody th ,
	.woocommerce table.shop_table tbody strong {
		font-size: 0.8rem;
		color: var(--black);
	}

	.woocommerce table td.product-thumbnail {
		text-align: center !important;
	}

	.woocommerce table td.product-thumbnail img {
		width: 100px;
		border-radius: 5px;
	}

	.woocommerce a.remove:hover {
		color: var(--black) !important;
		background: none !important;
	}

	.woocommerce table td.product-name a {
		font-weight: 700 !important;
		color: var(--black);
	}

	.woocommerce-cart .content-block > .woocommerce {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		column-gap: 2rem;
	}

	.woocommerce-cart .content-block > .woocommerce > .woocommerce-notices-wrapper,
	.woocommerce-cart .content-block > .woocommerce > .wc-empty-cart-message,
	.woocommerce-cart .content-block > .woocommerce > .return-to-shop,
	.woocommerce-cart .content-block > .woocommerce > .cross-sells {
		flex: 0 0 100%;
		order: 1;
	}

	.woocommerce-cart .content-block > .woocommerce > form.woocommerce-cart-form {
		flex: 1 1 55%;
		min-width: 0;
		margin-top: 0 !important;
		order: 2;
	}

	.woocommerce-cart .content-block > .woocommerce > .cart-collaterals {
		flex: 0 0 35%;
		order: 2;
	}

	.woocommerce-cart .content-block > .woocommerce > .cross-sells {
		order: 3;
	}

	.woocommerce .cart-collaterals .cart_totals {
		color: var(--white);
		background: var(--green);
		padding: 2rem;
		border-radius: 1rem;
		box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.15);
		width: 100%;
	}

	@media (min-width: 993px) {
		.woocommerce-cart .content-block > .woocommerce > .cart-collaterals {
			position: sticky;
			top: 2rem;
		}
	}

	.woocommerce .cart_totals > h2 {
		font-size: 1.25rem !important;
		font-weight: 800;
		color: var(--white);
		margin: 0 0 1rem 0;
	}

	.woocommerce .cart_totals th ,
	.woocommerce .cart_totals td ,
	.woocommerce .cart_totals strong ,
	.woocommerce .cart_totals a:not(.checkout-button) ,
	.woocommerce .cart_totals label {
		color: var(--white) !important;
	}

	.woocommerce .cart_totals table.shop_table {
		margin: 0 !important;
		background: transparent;
	}

	.woocommerce .cart_totals th {
		text-align: left !important;
		font-weight: normal !important;
	}

	.woocommerce .cart_totals td {
		text-align: right !important;
	}

	.woocommerce .cart_totals th ,
	.woocommerce .cart_totals td {
		background: transparent !important;
		border-top: 0.5px solid rgba(255,255,255,0.5) !important;
		padding: 0.75rem 0 !important;
	}

	.woocommerce .cart_totals tr:first-child th ,
	.woocommerce .cart_totals tr:first-child td {
		border-top: none !important;
	}

	.woocommerce .cart_totals tr.order-total th ,
	.woocommerce .cart_totals tr.order-total td ,
	.woocommerce .cart_totals tr.order-total strong {
		font-size: 1.75rem !important;
		font-weight: 800 !important;
	}

	.woocommerce .cart_totals tr.order-total th {
		font-size: 0.8rem !important;
		align-self: center;
	}

	@media (min-width: 768px) {
		.woocommerce .cart_totals table.shop_table ,
		.woocommerce .cart_totals table.shop_table tbody {
			display: block;
			width: 100%;
		}

		.woocommerce .cart_totals table.shop_table tr {
			display: flex;
			flex-wrap: wrap;
			align-items: flex-start;
			border-top: 0.5px solid rgba(255,255,255,0.5);
		}

		.woocommerce .cart_totals table.shop_table tr:first-child {
			border-top: none;
		}

		.woocommerce .cart_totals table.shop_table tr th ,
		.woocommerce .cart_totals table.shop_table tr td {
			border-top: none !important;
		}

		.woocommerce .cart_totals table.shop_table tr th {
			flex: 0 0 35%;
		}

		.woocommerce .cart_totals table.shop_table tr td {
			flex: 1 1 0;
		}

		.woocommerce .cart_totals tr.woocommerce-shipping-totals td {
			display: contents;
		}

		.woocommerce .cart_totals tr.woocommerce-shipping-totals #shipping_method {
			flex: 1 1 0;
			margin: 0;
			padding: 0.75rem 0;
		}

		.woocommerce .cart_totals tr.woocommerce-shipping-totals .woocommerce-shipping-calculator {
			flex: 0 0 100%;
			padding: 0 12px 12px;
		}
	}

	.woocommerce .cart_totals .woocommerce-shipping-calculator {
		text-align: left;
	}

	.woocommerce .cart_totals .shipping-calculator-button {
		display: block !important;
		text-align: right;
	}

	.woocommerce .cart_totals .shipping-calculator-form .form-row {
		width: 100%;
		float: none;
	}

	.woocommerce .cart_totals .shipping-calculator-form label {
		display: block;
		text-align: left;
	}

	.woocommerce .cart_totals .shipping-calculator-form .input-text ,
	.woocommerce .cart_totals .shipping-calculator-form select ,
	.woocommerce .cart_totals .shipping-calculator-form .select2-container {
		width: 100% !important;
	}

	.select2-container--default .select2-selection--single .select2-selection__arrow b {
		margin: 8px 0 0 0;
		left: -5px;
	}
	
	.woocommerce ul#shipping_method {
		list-style: none;
	}

	.woocommerce ul#shipping_method li {
		margin: 0;
		padding: 0;
		display: flex !important;
		align-items: center !important;
		justify-content: flex-end;
		gap: 0.5rem;
		text-align: right;
	}

	.woocommerce ul#shipping_method li input[type="radio"] {
		margin: 0 !important;
		width: 1rem;
		height: 1rem;
		accent-color: var(--light-green);
		cursor: pointer;
	}

	.woocommerce ul#shipping_method li label {
		font-size: 0.8rem !important;
		font-weight: 400 !important;
		line-height: 1.5rem;
		margin: 0 !important;
		cursor: pointer;
	}

	.woocommerce ul#shipping_method li label .woocommerce-Price-amount {
		white-space: nowrap;
	}

    .woocommerce ul#shipping_method li + li {
        margin-top: 0.5rem !important;
    }

	.woocommerce ul#shipping_method li:before {
		content: none;
	}

	p.woocommerce-shipping-destination {
		display: none;
	}

	.woocommerce-cart .wc-proceed-to-checkout {
		padding: 1.5rem 0 0 0 !important;
	}

	.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
		display: block !important;
		width: 100%;
		font-size: 0.8rem !important;
		font-weight: 700 !important;
		text-align: center;
		padding: 0.95rem 1.25rem !important;
		background: var(--red) !important;
		border-radius: 0.25rem !important;
		margin: 0 !important;
	}

	.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
		background: var(--black) !important;
		transform: none;
	}
	
	#add_payment_method #payment, 
	.woocommerce-cart #payment, 
	.woocommerce-checkout #payment {
		background: var(--white);
	}

	@media (max-width: 992px) {
		.woocommerce-cart .content-block > .woocommerce > form.woocommerce-cart-form,
		.woocommerce-cart .content-block > .woocommerce > .cart-collaterals {
			flex: 0 0 100%;
		}
		.woocommerce-cart .content-block > .woocommerce > .cart-collaterals {
			margin-top: 2rem;
		}
	}

	@media (max-width: 767px) {
		.woocommerce table.shop_table_responsive:not(.cart) tbody th.product-name,
		.woocommerce-page table.shop_table_responsive:not(.cart) tbody th.product-name {
			display: block !important;
		}
		.woocommerce table.shop_table_responsive:not(.cart) tr td, 
		.woocommerce-page table.shop_table_responsive:not(.cart) tr td {
			text-align: left !important;
		}
		.woocommerce table.shop_table_responsive:not(.cart) tr td::before, 
		.woocommerce-page table.shop_table_responsive:not(.cart) tr td::before {
			display: none !important;
		}
		.woocommerce table.cart td.actions .coupon .button {
			width: 100% !important;
		}
		.woocommerce table.cart .quantity .qty {
			margin: 0 !important;
		}

		.woocommerce table.shop_table.cart tr.cart_item {
			grid-template-columns: 6rem minmax(0, 1fr);
			grid-template-rows: auto auto 1fr auto;
			grid-template-areas:
				"afbeelding naam"
				"afbeelding prijs"
				"afbeelding subtotaal"
				"aantal     verwijderen";
			padding: 1rem !important;
		}
	}

	@media (max-width: 550px) {
		.woocommerce-error, 
		.woocommerce-info, 
		.woocommerce-message {
			padding: 1rem 2rem !important;
			text-align: center !important;
		}
		.woocommerce-message::before {
			display: none !important;
		}
		.woocommerce .woocommerce-error .button, 
		.woocommerce .woocommerce-info .button, 
		.woocommerce .woocommerce-message .button, 
		.woocommerce-page .woocommerce-error .button, 
		.woocommerce-page .woocommerce-info .button, 
		.woocommerce-page .woocommerce-message .button ,
		.woocommerce-message a.kim-melding-link {
			float: none;
			display: block !important;
			margin-bottom: 0.25rem;
		}
	}

/* USP -------------------------------------- */
	.cart__usp ul li i {
		font-size: 0.8rem;
	}

	.cart__usp ul li + li{
		margin-top: 0.25rem;
	}

/*---------------------------------------------- 
	5. Afrekenen
------------------------------------------------*/
	.woocommerce .woocommerce-billing-fields h3 ,
	.woocommerce .woocommerce-shipping-fields h3,
	.woocommerce h3#order_review_heading {
		font-size: 1.25rem !important;
		margin-bottom: 1rem;
	}

	.select2-container--default .select2-results__option--highlighted[aria-selected], 
	.select2-container--default .select2-results__option--highlighted[data-selected] {
		background-color: var(--green);
	}

	.woocommerce .checkout .col2-set {
		width: 47.8260869565%;
		float: left;
		margin-right: 4.347826087%;	
	}

	.woocommerce .checkout #order_review_heading ,
	.woocommerce .checkout #order_review {
		width: 47.8260869565%;
   	 	float: right;
    	margin-right: 0;
	}

	.woocommerce .col2-set .col-1 , 
	.woocommerce-page .col2-set .col-1,
	.woocommerce .col2-set .col-2, 
	.woocommerce-page .col2-set .col-2 {
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
	}

	.woocommerce .col2-set .col-1 {
		z-index: 8;
	}

	.woocommerce .checkout .col2-set .col-2 {
		float: none !important;
	}

	.woocommerce form .form-row label {
		padding-left: 0;
		width: 100%;
	}

	.woocommerce form .form-row input.input-text, 
	.woocommerce form .form-row textarea ,
	.select2-container--default .select2-selection--single ,
	.woocommerce form .form-row select ,
	.woocommerce form .coupon input ,
	.woocommerce form .form-row .input-text ,
	.woocommerce form input#geboortedatum {
		background-color: var(--white) !important;
		height: 50px;
    	font-size: 0.7rem;
    	line-height: 1.5;
		width: 100% !important;
		color: var(--black) !important;
    	background-image: none;
    	border: 0.5px solid var(--grey);
		margin: 0;
		padding: 0 10px;
		box-shadow: none;
		border-radius: 5px !important;
		display: block !important;
	}

	.woocommerce form .form-row ,
	.woocommerce form p.form-row + p.form-row {
		margin: 1rem 0 !important;
		padding: 0;
	}

	.select2-container--default .select2-selection--single {
		margin: 0 !important;	
	}

	.woocommerce form .kim-adres-melding {
		clear: both;
		font-size: 0.8rem;
		line-height: 1rem;
		color: var(--green);
		margin: 0 0 0.5rem 0;
	}

	@media (max-width: 767px) {
		.woocommerce form .form-row input.input-text, 
		.woocommerce form .form-row textarea ,
		.select2-container--default .select2-selection--single ,
		.woocommerce form .form-row select ,
		.woocommerce form .coupon input ,
		.woocommerce form .form-row .input-text ,
		.woocommerce form input#geboortedatum {
			font-size: 16px;
		}
	}

	.select2-container--default .select2-selection--single .select2-selection__rendered {
		line-height: 50px !important;
	}

	.select2-container .select2-selection--single .select2-selection__rendered {
		padding: 0 !important;
	}

	.select2-container--default .select2-selection--single .select2-selection__arrow b {
		margin: -8px 0 0 !important;
	}

	.woocommerce form .form-row textarea {
		height: 6rem !important;
		padding: 1rem !important;
		width: 100% !important;
	}

	.woocommerce #ship-to-different-address {
		text-transform: inherit;
		letter-spacing: 0;
	}

	.woocommerce #ship-to-different-address .checkbox {
		margin-left: 0;
	}

	.woocommerce #order_review table.shop_table{
		border-collapse: collapse !important;
	}

	.woocommerce #order_review table thead th {
		color: var(--black) !important;
		font-weight: 700 !important;
		padding: 1rem 0 !important;
	}

	.woocommerce #order_review table td ,
	.woocommerce #order_review table th {
		padding: 1rem 0 !important;
	}

	.woocommerce #order_review table th ,
	.woocommerce #order_review table td.product-name {
		font-size: 0.8rem;
		text-align: left;
		color: var(--black);
	}

	.woocommerce #order_review table td.product-name strong.product-quantity {
		font-size: 0.8rem !important;
		color: var(--black);
		padding-left: 0.25rem;
	}
	
	.woocommerce #order_review table td {
		text-align: right;
		padding: 0.4em 0.2em;
	}

	.woocommerce #order_review table tfoot th {
		padding-right: 0 !important;
	}

	.woocommerce #order_review table tfoot td {
		padding-left: 0 !important;
	}

	.woocommerce #order_review table th.product-total {
		text-align: right !important;
	}

	.woocommerce .woocommerce-terms-and-conditions-wrapper .form-row {
		margin: 0 !important;
	}

	.woocommerce .woocommerce-terms-and-conditions-wrapper .input-checkbox {
		margin: -5px 5px 0 0 !important;
		position: relative;
	}

	.woocommerce form.checkout_coupon, 
	.woocommerce form.login, 
	.woocommerce form.register {
		border: none;
		padding: 0;
    	margin: 0;
   		border-radius: 0;
	}

	.woocommerce .woocommerce-terms-and-conditions-wrapper a {
		color: var(--green); 
		font-weight: 700;
	}

	.woocommerce .woocommerce-terms-and-conditions-wrapper a:hover {
		color: var(--black);
	}

	.woocommerce-billing-fields .woocommerce-input-wrapper {
		width: 100%;
	}

	.woocommerce-billing-fields #billing_address_2_field {
		display: none !important;
	}

	.woocommerce-billing-fields .screen-reader-text ,
	.woocommerce-billing-fields select#billing_country {
		width: auto !important;
	}

	.woocommerce form .coupon input {
		margin-bottom: 1rem !important;
	}

	.woocommerce .woocommerce-terms-and-conditions-wrapper {
		margin-bottom: 1.25rem;
	}

	.woocommerce .woocommerce-terms-and-conditions-checkbox-text {
		font-size: 0.8rem;
	}

	.woocommerce-checkout select#shipping_country {
		width: auto !important;
	}

	@media (max-width: 992px) {
		.woocommerce .checkout .col2-set ,
		.woocommerce .checkout #order_review_heading ,
		.woocommerce .checkout #order_review {
			width: 100%;	
		}
	}

/* Knop afrekenen -------------------------------------- */
	.woocommerce #payment #place_order {
		font-size: 0.8rem !important;
		font-weight: 700 !important;
		padding: 0.95rem 1.25rem !important;
		background: var(--red) !important;
		border-radius: 0.25rem !important;
	}

	.woocommerce #payment #place_order:hover {
		background: var(--green) !important;
	}

/* Payment -------------------------------------- */
	.woocommerce .wc_payment_methods li {
        display: flex !important;
		line-height: 35px !important;
	}

	.woocommerce .wc_payment_methods li label {
		display: inline-flex !important;
        align-items: center !important;
		width: auto !important;
        margin: 0 !important;
	}

	#payment .payment_methods li[class*="payment_method_pay_gateway"] img {
		margin: 0 0 0 0.5rem !important;
	}

	.woocommerce .wc_payment_methods li .payment_box {
		display: none !important;
	}

/*---------------------------------------------- 
	6. Mijn Account
------------------------------------------------*/
	.woocommerce .woocommerce-MyAccount-navigation ul {
		background: var(--white);
		padding: 0 !important;
		list-style: none;
		border-radius: 10px;
		overflow: hidden;
	}

	.woocommerce .woocommerce-MyAccount-navigation ul li {
		font-size: 0.8rem;
		display: block;
		font-weight: 600;
		padding: 0.65rem 1.5rem;
	}

	.woocommerce .woocommerce-MyAccount-navigation ul li a {
		color: var(--black);
		text-decoration: none;
	}

	.woocommerce .woocommerce-MyAccount-navigation ul li a:hover {
		color: var(--green);	
	}

	.woocommerce .woocommerce-MyAccount-navigation ul li:before {
		content: none;
	}

	.woocommerce .woocommerce-MyAccount-navigation ul li + li {
		border-top: 1px solid var(--grey);
	}

	.woocommerce .woocommerce-MyAccount-content p + p {
		margin: 0 !important;
	}

	.woocommerce .woocommerce-MyAccount-content p {
		margin-bottom: 2rem;
	}

	.woocommerce .woocommerce-MyAccount-content span em {
		font-size: 0.75rem;
	}

	.woocommerce .woocommerce-Address-title h3 ,
	.woocommerce .woocommerce-MyAccount-content fieldset {
		margin-top: 1.25rem;
	}

	.woocommerce .woocommerce-Address address {
		margin-bottom: 0;
	}

	.woocommerce-MyAccount-content address {
		display: block;
	}

	.woocommerce table.shop_table tbody, 
	.woocommerce table.shop_table tbody th, 
	.woocommerce table.shop_table tbody strong {
		font-size: 0.8rem !important;
	}

	.woocommerce table.my_account_orders td, 
	.woocommerce table.my_account_orders th {
		padding: 0.5rem 1rem;
		text-align: left;
	}

	.woocommerce-info {
		border-top-color: var(--green);
		color: var(--black);
		margin-bottom: 1rem !important;
		background-color: #FFF;
	}

	.woocommerce-info::before {
		color: var(--green);
	}

	.woocommerce .password-input {
		margin-bottom: 1.25rem !important;
	}

	@media (max-width: 800px) {
		.woocommerce .woocommerce-MyAccount-navigation ul li {
			display: block !important;
		}
		.woocommerce .woocommerce-MyAccount-navigation ul li + li {
			margin-left: 0 !important;
		}
	}

/* Order -------------------------------------- */
	.woocommerce .woocommerce-order p {
		margin-bottom: 1.5rem !important;
	}

	.woocommerce ul.order_details {
		padding: 0;
		margin-bottom: 1.5rem !important;
	}

	.woocommerce .woocommerce-customer-details address {
		border: none;
		border-radius: 0;
		padding: 0;
		line-height: 1.5rem;
		margin-bottom: 0 !important;
	}

/* Order Recieved -------------------------------------- */
	.woocommerce .woocommerce-column--billing-address h2 ,
	.woocommerce  .woocommerce-column--shipping-address h2 {
		font-size: 1.5rem;
		margin-bottom: 0.5em;
	}

	.woocommerce .woocommerce-column--billing-address address ,
	.woocommerce  .woocommerce-column--shipping-address address {
		margin-bottom: 1.5rem !important;
		line-height: 1.5rem;
	}

	.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email, 
	.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone {
		padding: 0 !important;
	}

	.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone::before ,
	.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email::before {
		content: none !important;
	}

/* logo ideal -------------------------------------- */
.woocommerce-checkout .payment_method_pay_gateway_ideal img {
    vertical-align: middle;
    margin-right: 8px;
    max-height: 1.2em; 
	padding: 0.5em;
}

.woocommerce-checkout .payment_method_pay_gateway_ideal label {
    display: inline-flex;
    align-items: center;
}