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

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

/*---------------------------------------------- 
	1.1 Basics
------------------------------------------------*/
	:root {
		--primary: #2B2A29;
		--secondary: #D42E12;
        --tertiary: #2E7D53;
	}

	.woocommerce a {
		color: var(--secondary);
	}

	.woocommerce a:hover {
		color: var(--primary);
	}

	.woocommerce .button ,
	.woocommerce #review_form #respond .form-submit input {
        font-family: 'Square721 BT';
		font-size: 0.8rem !important;
		font-weight: 700 !important;
		line-height: 1rem !important;
		padding: 1.05rem 1.5rem !important;
		color:  var(--white) !important;
		background: var(--tertiary) !important;
		border: none !important;
		border-radius: 5px !important;
		transition: all 0.3s ease-in-out;
	}

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

	.woocommerce select {
		font-size: 0.8rem;
		border: 0.5px solid var(--grey);
		color: var(--primary);
		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 h2 {
		font-size: 1.4rem;
		color: var(--primary) !important;
		margin-bottom: 1rem;
	}

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

	.woocommerce .content-block a {
		color: var(--secondary)
	}

    .call-to-action .content-block p + p {
        margin-top: 1.5rem !important;
    }

	.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(--secondary);		
		width: 100%;
		z-index: 9;
	}

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

	.woocommerce span.onsale {
		display: none !important;
	}

	.woocommerce ul.products li.product .onsale {
		margin: 0;	
		top: 0.25rem;
		right: 0.25rem;
	}

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

	.woocommerce #header.position-absolute {
		position: absolute !important;
		top: 0;
	}

	.woocommerce ul.products li::before {
		content: none !important;
	}

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

	.woocommerce.content-block ul li:before {
		content: none !important;
	}

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

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

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

	body.woocommerce-checkout .micromodal-slide.is-open {
		display: none !important;
	}

/*---------------------------------------------- 
	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;
	}

	#description .images .item:nth-child(even) {
		padding-top: 4rem;
	} 

/*---------------------------------------------- 
	1.3 Zoekformulier
------------------------------------------------*/
	.dgwt-wcas-search-wrapp {
		width: 100% !important;
        margin: 0 !important;
	}

	.dgwt-wcas-no-submit .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
		padding: 10px 50px;
		font-size: 0.8rem !important;
		color: var(--black) !important;
		font-weight: 400 !important;
		height: 2.5rem !important;
        width: 100% !important;
		border-radius: 5px !important;
		border: 0.5px solid var(--dark-grey) !important;
		background: var(--white) !important;
		box-shadow: none !important;
	}

	.dgwt-wcas-no-submit .dgwt-wcas-ico-magnifier {
		fill: var(--black) !important;
		opacity: 0.75 !important;
	}

	.dgwt-wcas-search-input::placeholder {
		color: var(--black) !important;
		font-weight: 400 !important;
		font-style: normal !important;
	}

    @media all and (max-width: 992px) {
        .dgwt-wcas-no-submit .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
            border: none !important;
        }
    }

/*---------------------------------------------- 
	1.4 Breadcrumb 
------------------------------------------------*/
	.woocommerce-breadcrumb {
		font-size: 0.75rem !important;
		color: var(--primary) !important;
        height: 1.75rem !important;
		font-weight: 400;
		margin: 0 !important;
	}

	.woocommerce-breadcrumb a {
		color: var(--light-grey) !important;
	}

	.woocommerce-breadcrumb a:hover {
		color: var(--secondary) !important;
	}
	
	.woocommerce-breadcrumb span {
        font-size: 0.55rem;
		color: var(--secondary);
		padding: 0 0.15rem;
	}

/*---------------------------------------------- 
	1.8 Pagination
------------------------------------------------*/
	.woocommerce nav.woocommerce-pagination ul ,
	.woocommerce nav.woocommerce-pagination ul li {
		border: none;
	}

	.woocommerce nav.woocommerce-pagination ul li a:hover ,
	.woocommerce nav.woocommerce-pagination ul li span.current {
		color: var(--primary);
		background: none;
	}
	
	.woocommerce nav.woocommerce-pagination ul li span.current {
		font-weight: 700;
	}

/*---------------------------------------------- 
	2.1 Winkeloverzicht
------------------------------------------------*/
	.woocommerce ul.products {
		margin: 0;
		position: relative;
		z-index: 8;
	}

	.woocommerce ul.products li.last, .woocommerce-page ul.products li.last {
		margin-right: 0 !important;
	}

    .woocommerce ul.products li.product {
        width: 22.75% !important;
		margin-right: 3% !important;
		margin-bottom: 1.5rem !important;
    }

	.woocommerce ul.products li.product ,
	.frontpage-producten .product {
		padding: 1rem 1.5rem 1.5rem 1.5rem !important;
        border: 0.25px solid var(--tertiary);
	}
	
	.woocommerce a.woocommerce-loop-product__link {
		display: flex !important;
		flex-direction: column !important;
	}

	.woocommerce ul.products li.product .image-wrapper ,
	.frontpage-producten .product .image-wrapper {
		order: 1;
		background: var(--white);
		position: relative;
   	 	width: 100%;
		margin: 0 0 1.5rem 0 !important;
	}

    .woocommerce ul.products li.product a img {
        margin: 0 !important;
    }

    .woocommerce ul.products li.product .product__brand ,
	.frontpage-producten .product .product__brand {
        order: 2; 
    }    

	.woocommerce ul.products li.product .woocommerce-loop-product__title ,
	.woocommerce ul.products li.product .woocommerce-loop-category__title ,
	.frontpage-producten .product .woocommerce-loop-product__title {
		font-size: 0.9rem !important;
		line-height: 1.8rem;
		font-weight: inherit !important;
		color: var(--primary) !important;
		padding: 0;
		margin: 0 0 0.5rem 0 !important;
		display: block;
		min-height: 3.6rem;
		text-align: left !important;
		order: 3;
	}

	.woocommerce ul.products li.product .woocommerce-loop-category__title {
		text-align: center !important;
		min-height: inherit;
	}

    .woocommerce ul.products li.product .product__color-swatches {
        display: flex;
        gap: 5px;
        align-items: center;
        position: absolute;
        bottom: 2.25rem;
    }

    .woocommerce ul.products li.product .product__color-swatches .color-swatch {
        width: 0.75rem;
        height: 0.75rem;
        border-radius: 100%;
        display: inline-block;
    }

	.woocommerce ul.products li.product .price .from {
		font-size: 0.75rem;
		font-weight: 400;
		color: var(--light-grey);
		margin-right: 0.25rem;
		text-transform: inherit !important;
	}

	.woocommerce ul.products li.product .price ,
	.frontpage-producten .product .price {
		font-size: 0.9rem !important;
		font-weight: 700;
		color: var(--secondary) !important;
		line-height: 2rem !important;
		margin: 0 !important;
		order: 3;
	}

	small .woocommerce-Price-amount.amount bdi::after {
		content: none;
	}	

	.woocommerce ul.products li.product .price del ,
	.frontpage-producten .product .price del {
		font-size: 1rem;
		color: var(--tertiary) !important;
		line-height: 1.5rem !important;
		font-weight: 400 !important;
		margin-right: 0.2rem !important;
		display: inline-block !important;
	}

	.woocommerce ul.products li.product .price .woocommerce-price-suffix ,
	.frontpage-producten .woocommerce .product .price .woocommerce-price-suffix {
		font-size: 0.75rem;
		font-weight: 400;
		color: var(--grey);
		margin-left: 0.25rem;
		display: inline-block;
	}
    
    .woocommerce ul.products li.product .icon-arrow ,
	.frontpage-producten .woocommerce .product .icon-arrow {
		position: absolute;
		right: 1.5rem;
		bottom: 1.5rem;
	}

	.woocommerce ul.products li.product .icon-arrow i,
	.frontpage-producten .woocommerce .product .icon-arrow i {
		font-size: 0.8rem;
		color: var(--white);
		background: var(--green);
		line-height: 2rem;
		width: 2rem;
		height: 2rem;
		text-align: center;
		border-radius: 5px;
		transition: all 0.4s ease;
	}

    .woocommerce ul.products li.product:hover .icon-arrow i,
	.frontpage-producten .woocommerce .product:hover .icon-arrow i {
         background: var(--black);   
    }

	.woocommerce ul.products li.product .stock ,
	.frontpage-producten .woocommerce .product .stock {
		order: 4;
		line-height: 2.25rem !important;
		margin: 0 !important;
	}

	.woocommerce .up-sells ul.products li.product {
		width: 23.5% !important;
		margin-right: 2% !important;
	}

	.woocommerce ul.products li.last, 
	.woocommerce-page ul.products li.last ,
	.woocommerce .up-sells ul.products li.product.last {
		margin-right:  0 !important;
	}

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

	@media all and (max-width: 1500px) {
		.woocommerce ul.products li.product .woocommerce-loop-product__title ,
		.woocommerce ul.products li.product .woocommerce-loop-category__title ,
		.frontpage-producten .product .woocommerce-loop-product__title {
			font-size: 1rem !important;
		}
	}

	@media (max-width: 1200px) {
		.woocommerce ul.products li.product,
		.woocommerce ul.products li.product-category ,
		.woocommerce .upsells ul.products li.product {
			width: 31.25% !important;
			margin-right: 2.25% !important;
		}
		.woocommerce ul.products li.product-category:nth-child(4n) {
			margin-right: 2.25% !important;
		}
		.woocommerce ul.products li.product:nth-child(3n),
		.woocommerce ul.products li.product-category:nth-child(3n) {
			margin-right: 0 !important;
		}
	}

	@media (max-width: 992px) {
		.woocommerce ul.products li.product,
		.woocommerce ul.products li.product-category ,
		.woocommerce .upsells ul.products li.product  {
			width: 48.875% !important;
			margin-right: 2.25% !important;
		}
		.woocommerce ul.products li.product:nth-child(3n),
		.woocommerce ul.products li.product-category:nth-child(3n) {
			margin-right: 2.25% !important;
		}
		.woocommerce ul.products li.product:nth-child(2n),
		.woocommerce ul.products li.product-category:nth-child(2n) {
			margin-right: 0 !important;
		}
		.woocommerce ul.products li.first, 
		.woocommerce-page ul.products li.first {
			clear: none !important;
		}
	}

	@media all and (max-width : 767px) {
		.woocommerce ul.products li.product,
		.woocommerce ul.products li.product-category ,
		.woocommerce .upsells ul.products li.product{
			width: 100% !important;
			margin-right: 0 !important;
		}
		.woocommerce ul.products li.product:nth-child(2n),
		.woocommerce ul.products li.product:nth-child(3n),
		.woocommerce ul.products li.product-category:nth-child(2n),
		.woocommerce ul.products li.product-category:nth-child(3n),
		.woocommerce ul.products li.product-category:nth-child(4n) {
			margin-right: 0 !important;
		}
	}

/*---------------------------------------------- 
	2.2 Sidebar Filter
------------------------------------------------*/
	.wcpf-front-element {
		padding-bottom: 1.5rem;
		margin-bottom: 1.5rem;
		border-bottom: 1px solid var(--grey);
	}

	.wcpf-front-element:last-child {
		border-bottom: 0;
	}

	.wcpf-item-label {
		display: flex !important;
		align-items: center !important;
	}

	.wcpf-field-checkbox-list .wcpf-heading-label {
		font-size: 0.9rem;
		line-height: 1;
		font-weight: 600 !important;
		color: var(--primary) !important;
		text-transform: inherit;
		margin-bottom: 0.75rem;
		border: none;
	}

	.wcpf-layout-item.wcpf-box-style .wcpf-heading-label .box-toggle, 
	.wcpf-field-item.wcpf-box-style .wcpf-heading-label .box-toggle {
		color: var(--primary) !important;
	}

	.wcpf-scrollbar.wcpf-front-element .wcpf-content {
		padding: 0 !important;
	}

	.wcpf-field-checkbox-list .wcpf-checkbox-list .wcpf-checkbox-item .wcpf-input-container {
		border: 1px solid var(--secondary);
		border-radius: 0 !important;
		margin-top: 0.8rem;
	}

	.wcpf-field-checkbox-list .wcpf-checkbox-list .wcpf-checkbox-item .wcpf-title-container {
		font-size: 0.75rem;
		color: var(--primary);	
	}

	.wcpf-field-checkbox-list .wcpf-checkbox-list .wcpf-checkbox-item + .wcpf-checkbox-item {
		margin-top: 0.25rem;
	}

	.wcpf-filter button {
		border: none;
	}

/*---------------------------------------------- 
	3. Single Product
------------------------------------------------*/
	.woocommerce div.product div.images {
		width: 47% !important;
		margin: 0 !important;
	}

	.woocommerce div.product div.images .woocommerce-product-gallery__wrapper ,
	.woocommerce div.product div.images .flex-viewport {
		background: var(--white);	
		border-radius: 20px !important;
	}

	.woocommerce div.product div.images .flex-viewport img {
		padding: 0.75rem 1.5rem !important;	
	}

	.woocommerce div.product div.images img {
		border-radius: 0;
		background:  var(--white) !important;
		width: auto !important;
		margin: 0 auto;
		padding: 1.5rem 0;
		overflow: hidden;
	}
	
	.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg {
		background: none !important;
	}
	
	.woocommerce-product-gallery__image {
		pointer-events: none;
	}

	.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img{
		height: 600px !important;
		object-fit: contain;
		object-position: center;
	}

	.woocommerce div.product div.images img {
		background:  none !important;
		margin: 0 auto !important;
		padding: 0 !important;
		border-radius: 0;
	}

    .woocommerce div.product div.images .flex-control-thumbs {
        display: flex;
    }

	.woocommerce div.product div.images .flex-control-thumbs li {
		padding: 0.75rem 0;
	}

	.woocommerce div.product div.images .flex-control-thumbs li + li {
		margin-left: 0.5rem;
	}

	.woocommerce div.product div.images li img {
		width: 100% !important;
		border-radius: 14px;
        border: 0.25px solid var(--primary);
	}

	@media all and (max-width: 1200px) {
		.woocommerce div.product div.images {
			width: 48% !important;
		}
	}

	@media all and (max-width: 992px) {
		.woocommerce div.product div.images {
			width: 100% !important;	
		}
		.woocommerce div.product div.images {
			max-width: inherit !important;
		}
	}

	@media all and (max-width: 576px) {
		.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img{
			height: 400px !important;
		}
	}

/* Product content -------------------------------------- */
	.woocommerce div.product div.summary {
		margin: 0;
		width: 50%;
        max-width: 34.5rem;
		display: flex;
		flex-direction: column;
		float: right !important;
	}

    .woocommerce-product-details__short-description {
		order: 3;
	}

    .woocommerce .product .summary .product_meta {
		order: 4;
	}

    .woocommerce .product .summary .product_meta .product__popups li a {
        color: var(--white);
        background: var(--red);
    }

     .woocommerce .product .summary .product_meta .product__popups li a:hover {
        color: var(--white);
        background: var(--black);
    }

	@media all and (max-width: 1360px) {
		.woocommerce div.product div.summary {
			width: 29rem !important;
		}
	}

	@media all and (max-width: 1200px) {
		.woocommerce div.product div.summary {
			width: 27rem !important;
		}
	}

	@media all and (max-width: 992px) {
		.woocommerce div.product div.summary {
			width: 100% !important;	
			margin-bottom: 1.5rem;
            float: none !important;
		}
		.woocommerce div.product div.summary h1 {
			color: var(--blue) !important;
			min-height: inherit;
		}
	}

/* Stock -------------------------------------- */
	.woocommerce .product .stock{
		order: 4;
	}

/* Price -------------------------------------- */
	.woocommerce .product p.price {
		font-size: 1.25rem !important;
		font-weight: 700;
		color: var(--secondary) !important;
		order: 5;
		padding: 0 !important;
		margin: 1rem 0 0 0 !important;
		display: flex;
		align-items: center;
	}

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

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

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

/* Button -------------------------------------- */
	.woocommerce div.product form.cart  {
		margin: 1.5rem 0 0 0 !important;
		order: 7;
		display: flex !important;
	}

	.woocommerce .quantity .qty {
		width: 3.75rem;
		height: 3.5rem;
		margin-right: 0.5rem;
		border: 0.5px solid var(--primary) !important;
		padding-right: 0;
		border-radius: 0 !important;
	}

	.woocommerce div.product form.cart .button {
		line-height: 3.5rem !important;
		height: 3.5rem;
        width: 13.75rem;
        padding: 0 2rem !important;
		position: relative !important;
		overflow: hidden !important;
        display: inline-flex;
        align-items: center;
        justify-content: center;
	}
    
    .woocommerce div.product form.cart .button::before {
        font-family: 'icomoon' !important;
		content: "\e900";
		font-size: 1.1rem;
		font-weight: 400;
		margin-right: 0.5rem;
	}

/* Variable -------------------------------------- */
	.woocommerce div.product.product-type-variable p.price {
		display: none;
	}

	.woocommerce div.product form.cart .variations {
		margin-bottom: 0;
	}

	.woocommerce div.product form.cart .variations tr th {
		text-align: left;
        width: 10rem !important;
	}

	.woocommerce div.product form.cart .variations tr th label {
		font-size: 0.8rem;
		font-weight: 700;
		color: var(--primary);
		text-align: left;
		padding-right: 0.5rem;	
		margin: 0 !important;
		line-height: 50px;
	}

	.woocommerce .woocommerce-variation-price span.price {
		font-size: 1.25rem !important;
		color: var(--secondary) !important;
		font-weight: 700 !important;
		margin-bottom: 1rem;
		display: flex;
        align-items: center;
	}
	
	.woocommerce .woocommerce-variation-price span.price .woocommerce-price-suffix {
		font-size: 0.75rem;
		color: var(--grey) !important;
		font-weight: 400;
        margin-left: 0.75rem !important;
	}

	.woocommerce .product p.price span.from {
		font-size: 0.75rem;
		font-weight: 400 !important;
	}

   .woo-variation-swatches .variations {
        border-collapse: separate !important;
        border-spacing: 0 0.75rem;
    }

    .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item.selected:not(.no-stock) .variable-item-contents:before, 
    .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).image-variable-item.selected:not(.no-stock) .variable-item-contents:before {
        background-image: none !important;
    }

    .woocommerce .product .variable-items-wrapper.radio-variable-items-wrapper {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row !important;
        gap: 8px;
        margin: 10px 0;
        padding: 0;
        list-style: none;
    }

    .woocommerce .product .radio-variable-item {
        display: inline-flex;
        margin: 0 !important;
        padding: 0 !important;
        background: none !important;
        border: none !important;
        box-shadow: none !important;
    }

    .woocommerce .product .radio-variable-item .variable-item-contents {
        font-size: 0.7rem;
        font-weight: 400 !important;
        color: var(--black);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0.4rem 1rem;
        background-color: var(--lighter-grey);
        border: none;
        border-radius: 5px;
        cursor: pointer;
        transition: all 0.2s ease;
        margin: 0 !important;
    }

    .woocommerce .product .radio-variable-item .variable-item-contents:hover,
    .woocommerce .product .radio-variable-item.selected .variable-item-contents,
    .woocommerce .product .radio-variable-item[aria-checked="true"] .variable-item-contents {
        background: var(--black);
        color: var(--white);
    }

    .woocommerce .product .radio-variable-item .variable-item-radio-input {
        position: absolute;
        opacity: 0;
        width: 0;
        height: 0;
    }

    .woocommerce .product .woo-variation-raw-select {
        display: none !important;
    }

    .woo-variation-swatches .variable-items-wrapper.radio-variable-items-wrapper .radio-variable-item label {
        padding: 0 !important;
        margin: 0 !important;
    }   

    .woo-variation-swatches .variable-items-wrapper.radio-variable-items-wrapper .radio-variable-item input+span {
        margin: 0 !important;
    }

    .woocommerce .product .radio-variable-item[data-wvstooltip]::before,
    .woocommerce .product .radio-variable-item[data-wvstooltip]::after {
        display: none !important;
    }

    .woocommerce div.product form.cart .reset_variations {
        font-size: 0.7rem !important;
    }

    .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected, 
    .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover {
       box-shadow: var(--wvs-selected-item-box-shadow,0 0 0 3px #000) !important;
    }

	@media all and (max-width: 767px) {
		.woocommerce div.product form.cart .variations tr th {
			display: block !important;
		}
	}

/* Lettertype-attribuut -------------------------------------- */
.variable-items-wrapper[data-attribute_name="attribute_pa_lettertype"] .variable-item {
    width: auto !important;
    height: auto !important;
    padding: 0.25rem;
}

.variable-items-wrapper[data-attribute_name="attribute_pa_lettertype"] .variable-item-image {
    width: 2.5rem !important;   /* 140px */
    height: 2.5rem !important; /* 70px - rechthoekig past beter bij font previews */
    object-fit: contain;
}

/* Product Add-ons -------------------------------------- */
	.woocommerce .single_variation_wrap {
		width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
	}

	.woocommerce .wc-pao-addons-container {
		margin-bottom: 0.5rem !important;
	}

	.woocommerce .wc-pao-addon-container {
		display: flex;
		align-items: flex-start !important;
	}

	.woocommerce .wc-pao-addon label.wc-pao-addon-name {
        line-height: 2.5rem;
		margin: 0 !important;
		width: 10rem !important;
	}

	.woocommerce .wc-pao-addon .wc-pao-addon-wrap {
		margin: 0 !important;
		min-width: 15rem;
	}

	.woocommerce .wc-pao-addon .wc-pao-addon-image-swatch-selected-swatch {
		font-size: 0.75rem !important;
	}

	.woocommerce .wc-pao-addon-wrap {
		flex-grow: 1 !important;
	}

	.woocommerce form .form-row input.input-text.wc-pao-addon-file-upload {
		padding: 10px 0 0 0 !important;
        background-color: transparent !important;
	}

    .woocommerce form .form-row input.input-text.wc-pao-addon-file-upload::file-selector-button {
        font-size: 0.7rem;
        background-color: var(--red);
        color: var(--white);
        border: none;
        padding: 0.5rem 1rem;
        border-radius: 5px;
        cursor: pointer;
        margin-right: 0.6rem;
        transition: background-color 0.2s ease;
    }

    .woocommerce form .form-row input.input-text.wc-pao-addon-file-upload::file-selector-button:hover {
        background-color: var(--black);
    }

    .woocommerce form .form-row input.input-text.wc-pao-addon-file-upload {
        font-size: 0.7rem;
    }

	.woocommerce .wc-pao-addon + .wc-pao-addon {
		margin-top: 0.75rem !important;
	}

	.woocommerce .wc-pao-addon-container select.wc-pao-addon-image-swatch-select {
		display: none !important;
	}

	.woocommerce .product-addon-totals .wc-pao-subtotal-line .price {
		display: block !important;
	}

    .woocommerce #product-addons-total {
        display: none !important;
    }

    .woocommerce .woocommerce-variation.single_variation {
        order: 5 !important;
    }

    .woocommerce .woocommerce-variation-add-to-cart {
        order: 6 !important;
    }

/* Pop-ups variaties -------------------------------------- */
    .kim-modal-link {
        font-weight: 700;
        margin-top: 0.25rem;
    }

    .wc-pao-addon-container {
        display: flex;
        flex-wrap: wrap;
    }
    .wc-pao-addon-container .kim-modal-link {
        flex-basis: 100%;
        text-align: right;
    }

/* Tabs -------------------------------------- */
    .woocommerce div.product .product-content::before ,
	.woocommerce div.product .product-content::after {
		content: "";
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
		background: var(--white);
		display: block;
	}

	.woocommerce div.product .product-content::before {
		left: -100%;
	}

	.woocommerce div.product .product-content::after {
		right: -100%;	
	}

/* Beschrijving -------------------------------------- */
    .product-content__description.content-block p + p {
		margin-top: 1.5rem !important;
	}

/* Eigenschappen -------------------------------------- */
	.product-content__attributes table.shop_attributes {
		border: none;
        border-collapse: separate;
        border-spacing: 0 0.5rem;
	}

	.product-content__attributes table.shop_attributes tr {
		vertical-align: baseline !important;
	}

	.product-content__attributes table.shop_attributes th {
	    padding: 0.75rem 1.25rem;
		border: none;
        width: 10rem;
        border-radius: 5px 0 0 5px;
	}

	.product-content__attributes table.shop_attributes td {
		border: none;
		font-style: inherit;
        text-align: right;
        padding: 0 1.25rem;
        border-radius: 0 5px 5px 0;
	}

    .product-content__attributes table.shop_attributes tbody tr ,
    .woocommerce table.shop_attributes tr:nth-child(even) td, 
    .woocommerce table.shop_attributes tr:nth-child(even) th {
        background: var(--lighter-grey) !important;
    }

	.product-content__attributes {
		margin: 0 !important;
	}


/* Upsell -------------------------------------- */
    .upsells {
        border-top: 0.25px solid var(--tertiary);
    }

    .upsells::after {
        content: "";
        width: 100%;
        height: 11.5rem;
        position: absolute;
        bottom: 0;
        left: 0;
        background: #eaeaea;
    }

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

	.woocommerce table.shop_table.cart thead {
		background: var(--secondary);
		height: 3rem;
	}

	.woocommerce table.shop_table.cart thead th {
		font-weight: 400 !important;
		color: var(--white) !important;
	}

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

	.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(--primary);
	}

	.woocommerce .cart-collaterals .cart_totals {
		border: 1px solid var(--grey);
		background: var(--white);
		padding: 1.5rem 1.5rem 0 1.5rem;
		border-radius: 10px;
		width: 40%;
	}

	.woocommerce .cart_totals > h2 { 
		display: none !important; 
	}

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

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

	.select2-container--default .select2-selection--single .select2-selection__arrow b {
		margin: 8px 0 0 0;
		left: -5px;
	}
	
	.woocommerce ul#shipping_method li {
		margin: 0;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end;
        gap: 0.25rem;
	}

    .woocommerce ul#shipping_method li input {
        margin: 0 !important;
    }

    .woocommerce ul#shipping_method li label {
        margin: 0 !important;
    }

    .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 a.checkout-button {
		display: inline-block !important;
	}
	
	#add_payment_method #payment, 
	.woocommerce-cart #payment, 
	.woocommerce-checkout #payment {
		background: var(--white);
	}

	@media all and (max-width: 992px) {
		.woocommerce .cart-collaterals .cart_totals {
			width: 60%;
		}
	}

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

	@media all and (max-width: 754px) {
		.woocommerce .product-remove a.remove {
			position: relative;
		}
		.woocommerce .product-remove a.remove:after {
			content: "Verwijderen";
			font-size: 0.8rem;
			bottom: 2px;
			position: relative;
			padding-left: 0.3rem;
		}
	}

	@media all and (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 {
			float: none;
			display: block !important;
			margin-bottom: 0.25rem;
		}
	}

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

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

/* Cross sells -------------------------------------- */
	.woocommerce .cart-collaterals .cross-sells, 
	.woocommerce-page .cart-collaterals .cross-sells {
		width: 100% !important;
	}

	.woocommerce .cart-collaterals .cross-sells h2, 
	.woocommerce-page .cart-collaterals .cross-sells h2 {
		font-size: 1.5rem !important;
		margin-bottom: 1.5rem !important;
		font-weight: 700;
	}

	.woocommerce .cart-collaterals .cross-sells ul.products li.product, 
	.woocommerce-page .cart-collaterals .cross-sells ul.products li.product {
		width: 22.05% !important;
	}

	@media all and (max-width: 992px) {
		.woocommerce .cart-collaterals .cross-sells ul.products li, 
		.woocommerce-page .cart-collaterals .cross-sells ul.products li {
			width: 48% !important;
		}
	}	

	@media all and (max-width: 550px) {
		.woocommerce .cart-collaterals .cross-sells ul.products li, 
		.woocommerce-page .cart-collaterals .cross-sells ul.products li {
			width: 100% !important;
		}
	}

/*---------------------------------------------- 
	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(--secondary);
	}

	.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: 16px;
    	line-height: 1.5;
		width: 100% !important;
		color: var(--primary) !important;
    	background-image: none;
    	border: 0;
		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;	
	}

	.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 form p.thwcfd-field-paragraph {
		font-size: 0.7rem;
	}

	.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(--primary) !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(--primary);
	}

	.woocommerce #order_review table td.product-name strong.product-quantity {
		font-size: 0.7rem !important;
		color: var(--primary);
		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(--secondary); 
		font-weight: 700;
	}

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

	.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 all and (max-width : 992px) {
		.woocommerce .checkout .col2-set ,
		.woocommerce .checkout #order_review_heading ,
		.woocommerce .checkout #order_review {
			width: 100%;	
		}
	}

/* 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: 400;
		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(--secondary);	
	}

	.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(--secondary);
		color: var(--primary);
		margin-bottom: 1rem !important;
		background-color: #FFF;
	}

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

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

	@media all and (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;
}