/* ==========================================================================
   Productpagina (PDP) - galerij, tabs, reviews, gerelateerd
   ========================================================================== */

/* pdp */





.woocommerce-store-notice, p.demo_store{background-color:var(--accent-4) !important}


/* Stacked Gallery for desktop and sticky summary */

@media (min-width: 769px) {
	.woocommerce-product-gallery {
		display: none;
	}

	.woo-summary-wrap {
		display: grid;
		grid-template-columns: 60% 40%;
		grid-template-rows: auto;
		margin-bottom: 80px;
	}

	.woo-gallery-stack {
		grid-column: 1;
		grid-row: 1 / 3;
	}

	.woo-gallery-stack-imgs {
        display:grid;
        gap:10px;
        grid-template-columns: repeat(2, 1fr);
	}

	.woocommerce-tabs {
		grid-column: 1;
	}

	.woocommerce div.product div.summary {
		grid-column: 2;
		grid-row: 1;
		margin-left: 80px;
		position: -webkit-sticky;
		position: sticky;
		top: 105px;
		bottom: 100px;
	}

	.single-product span.onsale {
		position: absolute;
		top: 0;
	}
}



.woocommerce .product .stock.in-stock{color:var(--accent-4);font-weight:bold}


.woocommerce div.product form.cart::after, .woocommerce div.product form.cart::before{display:none !important}
.woocommerce div.product form.cart div.quantity{margin:0}
.single-product .quantity .minus, .single-product .quantity .plus, .single-product .quantity input{background:var(--base-3) !important}

.single-product form.cart{display:flex;gap:5px}
.single-product .tinv-wraper{width:auto !important}
.single-product .tinvwl_add_to_wishlist_button{background:var(--contrast);color:var(--base-3);display:flex;height:50px !important;margin:0 !important;width:50px !important}
.single-product .tinvwl_add_to_wishlist_button:hover{background:var(--accent-2)}





.single-product  .woocommerce-tabs.vertical-tabs{display:flex;flex-direction:column;gap:10px;margin:0 0 30px 0}

.single-product  .tab-heading {
    padding: 15px;
    cursor: pointer;
    border-bottom: 1px solid var(--contrast-3);
    font-weight: bold;
    font-size:14px;
    padding-left:35px

}

/*
.single-product .tab-heading.active{background:#ddd}
*/

.single-product .tab-content {
    padding: 15px 0;
    border-bottom: 1px solid var(--contrast-3);
}


/* Style for the tab heading */
.tab-heading {
    position: relative;
    padding-right: 30px; /* Space for the icon */
}

/* Use ::after to insert the icon */
.tab-heading::after {
    content: '+'; /* Plus icon by default */
    position: absolute;
    right: 10px; /* Position the icon to the right */
    font-size: 18px; /* Adjust the icon size */
    transition: transform 0.3s ease; /* Smooth transition for icon toggle */}

/* When the tab is active, change the icon to minus and rotate */
.tab-heading.active::after {
    content: '-'; /* Change to minus icon */
    /*transform: rotate(45deg); /* Rotate + to make it a - (cross shape) */
}




.single-product #tab-verzendinformatie-heading
    {background:url("data:image/svg+xml,%3Csvg width='100' height='100' version='1.1' viewBox='0 0 26.5 26.5' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='matrix(.628 0 0 .628 -89.6 -58)'%3E%3Cpath class='cls-2' d='m155 103-1.86-2.4c-2.06-3.58 1.48-8.29 5.44-7.3 2.68 0.67 3.88 3.31 5.02 5.52 0.1 0.2 0 0.4 0.33 0.33 1.47-3.68 5.21-8.22 9.34-4.85 3.15 2.57 2.11 6.27-0.58 8.69 0.19 0 0.36 0.11 0.55 0.11 2.35-0.03 5.05-0.3 7.37-0.11 0.95 0.08 1.18 0.34 1.27 1.25 0.21 2.33 0.29 8.48-0.02 10.7-0.18 1.27-1.42 0.25-1.49 1.34-0.42 5.3 0.59 11.6 0 16.7-0.06 0.57-0.24 1.13-0.79 1.39l-31.4-0.04-0.5-0.33-0.31-18.3-1.11-0.22-0.24-0.59v-11.4s0.18-0.33 0.18-0.33c0.17-0.03 0.48-0.25 0.58-0.25h8.26zm8.01 0c-0.1-3.16-3.91-11.1-7.78-7.13-2.9 2.98 0.78 6.56 3.94 7.06 0.46 0.07 3.71 0.21 3.84 0.07zm6.63-8.16c-1.21 0.25-2.72 2.15-3.32 3.2-0.42 0.74-2.04 4.54-1.31 5.06 2.95 0.03 6.47-0.22 8.04-3.16 1.35-2.52-0.74-5.64-3.41-5.09zm-6.63 19.2v-9.12l-0.25-0.25h-15.1v9.37zm17.2 0v-9.12l-0.25-0.25h-15l-0.25 0.25v9.12zm-31 18.7h13.6l0.25-0.25v-16.6l-0.25-0.25h-13.4l-0.25 0.25v16.8zm15.8-17.1-0.25 0.25v16.6l0.25 0.25h13.5l0.25-0.25v-16.6l-0.25-0.25z' stroke='%23000'/%3E%3C/g%3E%3C/svg%3E%0A") center left no-repeat;background-size:25px 25px}
.single-product #tab-dit-wil-je-weten-over-de-kleding-heading,
.single-product #tab-dit-wil-je-weten-over-de-kalenders-heading,
.single-product #tab-dit-wil-je-weten-over-de-posters-heading,
.single-product #tab-dit-wil-je-weten-over-de-tassen-heading,
.single-product #tab-dit-wil-je-weten-over-de-tegeltjes-heading,
.single-product #tab-dit-wil-je-weten-over-de-wenskaarten-heading
    {background:url("data:image/svg+xml,%3Csvg width='100' height='100' version='1.1' viewBox='0 0 26.5 26.5' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%23000' stroke-miterlimit='10'%3E%3Cpath class='cls-3' d='m13.3 0.539c7.42 0.124 12.8 6.28 12.6 13.1-0.18 6.57-5.6 12.5-12.9 12.3-7.29-0.136-12.7-6.25-12.4-13.1 0.204-6.55 5.56-12.3 12.8-12.3zm11.2 12.7c0.0805-5.82-4.59-11.3-11.3-11.4-6.7-0.0371-11.4 5.45-11.4 11.3-0.0372 5.98 4.74 11.4 11.2 11.4 6.54 0.0619 11.5-5.3 11.4-11.3z' stroke-width='1.06px'/%3E%3Cg stroke-width='.396px'%3E%3Cpath class='cls-1' d='m13.7 20.5c-2.85-0.149-5.07-1.37-6.56-3.83-0.13-0.217-0.241-0.452-0.322-0.693-0.0929-0.285 0.0495-0.6 0.291-0.737 0.272-0.155 0.662-0.0929 0.848 0.161 0.149 0.204 0.254 0.439 0.39 0.656 1.17 1.87 2.86 2.94 5.05 3.05 2.45 0.111 4.34-0.947 5.67-3.01 0.136-0.217 0.241-0.452 0.384-0.662 0.186-0.266 0.545-0.347 0.836-0.204 0.285 0.13 0.433 0.47 0.322 0.792-0.0743 0.21-0.173 0.421-0.291 0.619-1.5 2.49-3.74 3.73-6.62 3.87z'/%3E%3Cpath class='cls-1' d='m13.1 10.4c-0.0433 0.359-0.149 0.557-0.371 0.656-0.248 0.105-0.508 0.105-0.718-0.0929-0.118-0.118-0.21-0.266-0.303-0.409-0.706-1.03-2.15-1.06-2.87 0.0124-0.0805 0.118-0.149 0.248-0.241 0.347-0.217 0.235-0.601 0.272-0.854 0.0929-0.235-0.167-0.347-0.477-0.241-0.755 0.0557-0.161 0.136-0.316 0.229-0.452 1.2-1.81 3.84-1.88 5.11 0 0.136 0.204 0.21 0.458 0.266 0.594z'/%3E%3Cpath class='cls-1' d='m18 9.74c0 0.582-0.111 1.05-0.384 1.46-0.477 0.73-1.23 0.749-1.74 0.0433-0.551-0.774-0.545-2.13 0.0248-2.9 0.489-0.662 1.21-0.656 1.68 0.031 0.297 0.433 0.421 0.928 0.415 1.36z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") center left no-repeat;background-size:25px 25px}
.single-product #tab-heyday-kleding-heading,
.single-product #tab-heyday-kalenders-heading,
.single-product #tab-heyday-posters-heading,
.single-product #tab-heyday-tassen-heading,
.single-product #tab-heyday-tegeltjes-heading,
.single-product #tab-heyday-wenskaarten-heading,
.single-product #tab-wpt-3693-heading
    {background:url("data:image/svg+xml,%3Csvg width='100' height='100' version='1.1' viewBox='0 0 26.5 26.5' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Meer_over' transform='matrix(.629 0 0 .629 -133 -57.4)'%3E%3Cpath class='cls-5' d='m230 93.2c0.26-0.54 0.82-0.89 1.42-0.89s1.16 0.34 1.42 0.89c2.05 4.2 5.57 11.4 5.57 11.4s8.01 1.1 12.6 1.74c0.85 0.12 1.37 0.83 1.37 1.57 0 0.4-0.15 0.8-0.49 1.13-3.38 3.23-9.21 8.8-9.21 8.8s1.42 7.91 2.25 12.5c0.17 0.97-0.58 1.85-1.56 1.85-0.26 0-0.51-0.06-0.75-0.19-4.13-2.2-11.3-5.99-11.3-5.99s-7.12 3.79-11.3 5.99c-0.23 0.13-0.49 0.19-0.75 0.19-0.98 0-1.73-0.88-1.56-1.85 0.83-4.59 2.25-12.5 2.25-12.5s-5.83-5.57-9.21-8.8c-0.34-0.32-0.49-0.73-0.49-1.12 0-0.74 0.52-1.46 1.37-1.57 4.64-0.64 12.6-1.74 12.6-1.74s3.52-7.23 5.57-11.4zm1.43 4.27-4.96 10.1-11 1.51 8.08 7.65-1.99 11 9.89-5.26 9.89 5.26-2-11 8.09-7.69-11.2-1.59z' fill='%23010101'/%3E%3C/g%3E%3C/svg%3E%0A") center left no-repeat;background-size:25px 25px}
.single-product #tab-reviews-heading
    {background:url("data:image/svg+xml,%3Csvg width='100' height='100' version='1.1' viewBox='0 0 26.46 26.46' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='matrix(-.05345 0 0 .0528 26.62 -5.175e-7)'%3E%3Cpath d='m144.4 501.1h-0.071c-6.871 0-12.62-3.104-15.79-8.482-5.222-8.842-2.613-21.01 9.008-42 14.21-25.66 22.35-53.59 24.27-83.2-95.4-28-158.8-98.33-158.8-177.4-1e-3 -104.8 111-190 247.5-190 136.5 0 247.5 85.24 247.5 190 0 81.32-66.82 153.2-166.6 179.6-153.7 131.2-178 131.5-187.1 131.5zm106.1-476.3c-122.8 0-222.7 74.13-222.7 165.2 0 70.25 60.23 133 149.9 156.1l9.49 2.429-0.186 9.807c-0.709 37.23-10.06 72.32-27.77 104.3-2.308 4.161-3.984 7.519-5.198 10.22 16.68-8.086 59.41-34.95 163.5-124l2.199-1.886 2.802-0.703c90.16-22.95 150.7-85.75 150.7-156.3-1e-3 -91.11-99.92-165.2-222.7-165.2z'/%3E%3C/g%3E%3Cpath d='m6.615 8.216c0 3.217 2.659 4.931 4.605 6.465 0.6868 0.5414 1.348 1.051 2.01 1.051 0.6615 0 1.323-0.5097 2.01-1.051 1.946-1.534 4.605-3.248 4.605-6.465 0-3.217-3.638-5.498-6.615-2.405-2.976-3.092-6.615-0.8113-6.615 2.405z' stroke-width='.6615'/%3E%3C/svg%3E") center left no-repeat;background-size:25px 25px}


.single-product #tab-woosb_bundled-heading
    {background: url("data:image/svg+xml,%3Csvg id%3D%22Laag_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 28.35 28.35%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23010101%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath class%3D%22cls-1%22 d%3D%22M24.41%2C22.2H4.13c-.36%2C0-.66-.3-.66-.66V7.08c0-.36.3-.66.66-.66h20.27c.36%2C0%2C.66.3.66.66v14.47c0%2C.36-.3.66-.66.66ZM4.79%2C20.88h18.95V7.74H4.79v13.14Z%22%2F%3E%3Cpath class%3D%22cls-1%22 d%3D%22M14.27%2C17.58c-.17%2C0-.33-.06-.46-.19L3.67%2C7.55c-.26-.25-.27-.67-.01-.93.25-.26.67-.27.93-.01l9.68%2C9.39%2C9.68-9.39c.26-.25.68-.25.93.01.25.26.25.68-.01.93l-10.14%2C9.84c-.13.12-.29.19-.46.19Z%22%2F%3E%3C%2Fsvg%3E") center left no-repeat;background-size:25px 25px;}

.single-product .woosb-availability .stock{display:none}


.single-product .woocommerce-Reviews-title{display:none !important}
.single-product .woocommerce-noreviews{display:none !important}
.woocommerce-Reviews .comment-reply-title{font-size:1em !important}

.single-product .product_meta{border-top:none;font-weight:bold;padding:20px 0 0 0}
.single-product .product_meta a{color:var(--accent-2)}


.single-product .vertical-tab h3{font-size:1.1em}
.single-product .vertical-tab p{font-size:.9em}
.single-product .vertical-tab li{font-size:.9em}

/* reviews */
.woocommerce .woocommerce-review-link{display:none}
.woocommerce .star-rating span::before, .woocommerce p.stars:hover a::before{color:var(--accent-4) !important}
.woocommerce #reviews .woocommerce-review__dash{display:none}
.woocommerce #reviews .woocommerce-review__published-date{display:none}
.woocommerce #reviews #comments ol.commentlist li .comment-text{border-radius:0;margin:0}




.related.products{padding:60px 0;position:relative;z-index:1}
.related.products::before {
    content: ''; /* Creates the pseudo-element */
    position: absolute;
    top: 0;
    left: 0;
    width: 200vw; /* Full viewport width */
    height: 100%; /* Matches the height of the related products */
    background: var(--accent-2); /* Set your desired background color or gradient */
    z-index: -1; /* Place it behind the related products */
    transform: translateX(-50%)
}

.related.products h2{color:var(--base-2) !important}
.related.products a .woocommerce-loop-product__title{color:var(--base-2) !important}
.related.products a:hover .woocommerce-loop-product__title{color:var(--contrast) !important}
.related.products .price{color:var(--base-2) !important}
.related.products .add_to_cart_button{background:var(--contrast) !important}
.related.products .add_to_cart_button:hover{background:var(--accent-2)}
.related.products .tinvwl_add_to_wishlist_button{background:var(--accent-2);border:1px solid var(--contrast);color:var(--contrast)}
.related.products .tinvwl_add_to_wishlist_button:hover{background:var(--contrast);color:var(--base-3)}


@media (max-width: 768px) {
    .related.products ul.products,
    .woocommerce .related.products ul.products {
        display: grid !important;
        gap: 15px !important; /* Adjust spacing */
        grid-template-columns:repeat(2, 1fr) !important; /* Two equal columns */
    }
}