.col2-set{
	display: flex;
	flex-wrap: wrap;
}
.woocommerce-order-received.woocommerce-page .woocommerce .col2-set .col-1,
.woocommerce-order-received.woocommerce-page .woocommerce .col2-set .col-2,
.u-column1.col-1,
.u-column2.col-2,
.woocommerce-column.col-1,
.woocommerce-column.col-2{
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
	padding: 0;
}
@media (min-width: 576px){
	.woocommerce-order-received.woocommerce-page .woocommerce .col2-set .col-1,
	.woocommerce-order-received.woocommerce-page .woocommerce .col2-set .col-2,
	.u-column1.col-1,
	.u-column2.col-2,
	.woocommerce-column.col-1,
	.woocommerce-column.col-2{
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
		padding: 0 15px;
	}
	.woocommerce-order-received.woocommerce-page .woocommerce .col2-set .col-1,
	.woocommerce-order-received.woocommerce-page .woocommerce .col2-set .col-2{
		padding: 0!important;
	}
}


.woo_sidebar{
	max-height: 100vh;
	overflow: auto;
	display: none;
	left: 0;
	top: 0;
	bottom: 0;
	position: fixed;
	z-index: 1111111;
	width: 290px;
	background:#fff;
}
@media (max-width: 1199px){
	.woo_sidebar{
		padding-left: 0;
		padding-right: 0;
	}
	.woof_block_html_items {
		padding-right: 10px;
	}
}
.woo_sidebar_close{
	display:block;
	right:10px;
	top: 10px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	cursor:pointer;
	z-index: 11;
	background: #e1e1e1;
}
.woo_sidebar_close:hover{
	color:#ec9316;
}
.woo_content_wr{
	width: 100%;
}
.widget_tag_cloud{
	display: none;
}
.page-description{
	margin-top: 30px;
}

/*woo messages*/
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 15px;
	border-radius: 5px;
	margin: 0 0 20px;
	position: relative;
	list-style: none outside;
	width: auto;
	word-wrap: break-word;
}
.woocommerce-error{
	flex-direction: column;
	text-align: left;
	align-items: flex-start;
	padding-left: 70px!important;
}

@media (max-width: 575px){
	.woocommerce-error .button{
		width: 100%!important;
		margin-bottom: 20px;
	}
}
@media (min-width: 576px){
	.woocommerce-error .button{
		float: left;
	}
}
.woocommerce-error:before{
	content:'';
	left: 15px;
	top: 15px;
	width: 32px;
	height: 30px;
	display: block;
	position: absolute;
	background: url('/wp-content/themes/timmerpaneel/images/ico_error.png') center no-repeat;
}
.woocommerce-error,
.woocommerce-message{
	flex-direction: column;
	justify-content: space-between;
	text-align: center;
	max-width: 1570px;
	margin: 0 auto 30px;
}

.woocommerce-message a.button,
.woocommerce-message button,
.woocommerce-info button{
	border: 2px solid #ec9316!important;
	background-color: transparent;
	color: #ec9316;
	height: 40px;
	line-height: 40px;
	border-radius: 5px;
}
.woocommerce-error li,
.woocommerce-info li,
.woocommerce-message li{
	list-style: none outside!important;
	padding-left: 0!important;
	margin-left: 0!important;
}
.woocommerce-message .button.wc-forward{
	margin-bottom: 20px;
}
@media (min-width: 768px){
	.woocommerce-message .button.wc-forward{
		margin-bottom: 0;
	}

	.woocommerce-error,
	.woocommerce-info,
	.woocommerce-message{
		padding: 15px 0;
	}
	.woocommerce-message{
		text-align: center;
		flex-direction: row-reverse;
	}
}
/*woo messages end*/



/*products archive / related start*/
.product_stock{
	width: 16px;
	height: 16px;
	border-radius:100%;
}
.woocommerce .products ul,
.woocommerce ul.products {
	margin: 0 -15px 10px;
	padding: 0;
	list-style: none outside;
	clear: both;
	display: flex;
	flex-wrap: wrap;
}

.woocommerce .products ul li,
.woocommerce ul.products li {
	list-style: none outside;
}

.product_footer{
	position: absolute;
	bottom: 15px;
	left: 15px;
	right: 15px;
}


a.added_to_cart{
	display: none;
}


/*products archive / related end*/

/*input quantity start*/
.quantity .screen-reader-text {
	clip: rect(1px,1px,1px,1px);
	height: 1px;
	overflow: hidden;
	position: absolute!important;
	width: 1px;
	word-wrap: normal!important;
}
.woocommerce div.quantity,
.product-quantity .quantity,
td.product-quantity .quantity {
	width: 65px;
	height: 45px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	position: relative;
	border-radius: 6px;
}
@media (min-width: 768px){
	.product-quantity .quantity,
	td.product-quantity .quantity {
		margin: 0;
	}
}

.quantity .qty,
.product-quantity .quantity .qty,
td.product-quantity .quantity .qty {
	outline: none;
	border:none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	width: 100%;
	height: 100%;
	padding: 0;
	text-align: center;
	display: block;
}

.quantity .qty::-webkit-outer-spin-button,
.quantity .qty::-webkit-inner-spin-button,
.woocommerce .quantity input.qty::-webkit-outer-spin-button,
.woocommerce .quantity input.qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.quantity .qty[type=number],
.woocommerce .quantity input.qty[type=number] {
	-moz-appearance: textfield;
}


.woocommerce div.quantity span:hover{
	background-color:rgba(0, 0, 0, 0.1);
}
.woocommerce div.quantity span,
.woocommerce div.product form.cart div.quantity span,
.woocommerce-page div.product form.cart div.quantity span {
	display: block;
	position: absolute;
	z-index: 1;
	width: 20px;
	height: 100%;
	cursor: pointer;
	font-size: 16px;
	background: #fff;
	padding-top: 10px;
}
.woocommerce div.quantity span.more,
.woocommerce div.product form.cart div.quantity span.more,
.woocommerce-page div.product form.cart div.quantity span.more {
	top: 0;
	right: 0;
	border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.woocommerce div.quantity span.less,
.woocommerce div.product form.cart div.quantity span.less,
.woocommerce-page div.product form.cart div.quantity span.less {
	top: 0;
	left: 0;
	border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.woocommerce div.quantity span.less:before,
.woocommerce div.product form.cart div.quantity span.less:before,
.woocommerce-page div.product form.cart div.quantity span.less:before {
	content:'-';
}

.woocommerce div.quantity span.more:before,
.woocommerce div.product form.cart div.quantity span.more:before,
.woocommerce-page div.product form.cart div.quantity span.more:before {
	content:'+';
}
.woocommerce div.quantity span.more:before,
.woocommerce div.product form.cart div.quantity span.more:before,
.woocommerce-page div.product form.cart div.quantity span.more:before,
.woocommerce div.quantity span.less:before,
.woocommerce div.product form.cart div.quantity span.less:before,
.woocommerce-page div.product form.cart div.quantity span.less:before {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
	/* text-align: center; */
}
.quantity .qty::-webkit-outer-spin-button,
.quantity .qty::-webkit-inner-spin-button,
.woocommerce .quantity input.qty::-webkit-outer-spin-button,
.woocommerce .quantity input.qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.quantity .qty[type=number],
.woocommerce .quantity input.qty[type=number] {
	-moz-appearance: textfield;
}
/*input quantity end*/



/*woo responsive*/
.loop_button_wr form{
	display: flex;
}
.woocommerce .loop_button_wr div.quantity {
	height: 35px;
}
.woocommerce .loop_button_wr div.quantity span{
    	padding-top: 8px;
}

.loop_button_wr form button{
	max-width: calc(100% - 75px);
	margin-left: 10px;
}
@media (max-width: 767px){
	.loop_product_item{
		max-width: 400px;
		margin-left:auto;
		margin-right:auto;
		flex-direction: column;
		padding: 15px;
	}
	.loop_product_item:nth-child(odd){
		background-color:#f2f2f2;
	}
	.loop_sku_wr,
	.loop_prtitle_wr,
	.loop_attr_wr,
	.loop_price_wr,
	.loop_stock_wr,
	.loop_button_wr{
		margin-bottom: 15px;
		width: 100%;
	}

	.loop_sku_wr,
	.loop_prtitle_wr,
	.loop_attr_wr,
	.loop_price_wr,
	.loop_stock_wr{
		position: relative;
		padding-left: 73px;
		font-weight: 500;
	}
	.resp_label{
		position: absolute;
		left: 0;
		top:0;
	}
	.loop_attr_wr{
		display: flex;
		justify-content:center;
		align-items: center;
	}
	.loop_button_wr,
	.loop_view_wr{
		position: relative;
		padding: 0 0 0 90px;
	}
	.loop_button_wr .button,
	.loop_view_wr .button {
		width: 100%!important;
		padding: 0!important;
		font-size: 16px!important;
		line-height: 35px!important;
		height: 35px!important;
	}
	.loop_button_wr .button:before {
		content: '\f067';
		font-family: 'Font Awesome 5 Pro';
		width: 20px;
		height: 20px;
		line-height: 20px;
		display: inline-block;
		font-size: 16px;
		vertical-align: middle;
		margin-right: 10px;
	}
}
@media (min-width: 768px){
	.loop_product_item .f14{
		font-size: 12px;
	}
	.loop_product_item,
	.loop_titles_wr{
		align-items: center;
		justify-content: space-between;
		height: 55px;
	}
	.loop_product_item:nth-child(odd){
		background-color:#f2f2f2;
	}
	.loop_sku_wr{
		width: 40px;
	}
	.loop_prtitle_wr{
		width:18%;
	}
	.loop_attr_wr{
		width: 23%;
		display: flex;
		justify-content:center;
		padding-left: 5px;
		padding-right: 5px;
	}
	.loop_price_wr{
		width: 14%;
	}
	.loop_stock_wr{
		width: 10%;
	}
	.loop_button_wr{
		padding: 0 5px;
		width: 120px;
	}
	.loop_view_wr{
		padding: 0 5px;
		width: 45px;
	}
	.loop_button_wr .button,
	.loop_view_wr .button {
		width: 100%!important;
		padding: 0!important;
		font-size: 18px!important;
		line-height: 35px!important;
		height: 35px!important;
	}
	.loop_view_wr .button:before,
	.loop_button_wr .button:before {
		font-family: 'Font Awesome 5 Pro';
		width: 20px;
		height: 20px;
		line-height: 20px;
		display: inline-block;
		font-size: 18px;
		vertical-align: middle;
	}
	.loop_button_wr .button:before {
		content: '\f067';
	}
	.loop_view_wr .button:before {
		content: '\f08e';
	}

	.loop_button_wr .button,
	.loop_view_wr .button{
		font-size: 0!important;
	}
	/*products archive / related end*/
}

@media (min-width: 992px){

}
@media (min-width: 1200px){
	.woo_content_wr{
		max-width: calc(100% - 290px);
		margin-top: -20px;
	}
	.woo_sidebar{
		width: 290px;
		max-height: unset;
		overflow: unset;
		left: unset;
		top: unset;
		bottom: unset;
		position: relative;
		z-index: 1;
	}
	.woo_sidebar_close{
		display: none;
	}

	.loop_prtitle_wr {
		width: 150px;
		text-align: left;
	}
	.loop_price_wr,
	.loop_stock_wr {
		width: 130px;
	}
	.loop_attr_wr {
		width: 180px;
		text-align: left;
	}
}

@media (min-width: 1600px){
	.loop_button_wr .button,
	.loop_view_wr .button{
		font-size: 12px!important;
	}
	.loop_button_wr {
		width: 220px;
	}
	.loop_view_wr {
		padding: 0 5px;
		width: 125px;
	}

	.loop_view_wr .button:before,
	.loop_button_wr .button:before {
		margin-right: 10px;
	}
}
/*new 17.04.2021*/

@media (max-width: 767px) {
	.loop_product_item .loop_thumbnail {
		display: flex;
		max-height: 100%;
		max-width: 100%;
	    width: 80px;
        position: absolute;
        left: 15px;
        top: 15px;
	}
	.loop_product_item .loop_thumbnail img {
		max-width: 100%;
		max-height: 100%;
		object-fit: contain;
		object-position: center;
	}
	.loop_sku_wr, .loop_attr_wr, .loop_product_item .resp_label {
		display: none !important;
	}
	.loop_stock_wr{
	        justify-content: flex-start!important;
	}
	.loop_product_item {
		text-align: left !important;
	}
	.loop_sku_wr, .loop_prtitle_wr, .loop_attr_wr, .loop_price_wr, .loop_stock_wr {
		padding-left: 100px;
	}
	.loop_button_wr, .loop_view_wr {
		padding-left: 100px;
	}
	.woocommerce .loop_view_wr a{background: white !important; color:black !important; border: 1px solid #ec9316 !important}
}

/* Wrapper for the entire product grid */
.product-grid-wrapper {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	/* 4 items per row on PC */
	gap: 20px;
	/* Adds space between the product cards */
	margin: 20px auto;
	padding: 0 10px;
}

/* Each product card */
.product-card-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border: 1px solid #ddd;
	/* padding: 20px; */
	text-align: center;
	border-radius: 5px;
	background-color: #f9f9f9;
	transition: transform 0.3s ease-in-out;
}

.product-sku-wrapper img {
	width: 100%;
	height: 85%;
	object-fit: cover;
}

/* Add hover effect for the card */
.product-card-wrapper:hover {
	transform: scale(1.05);
}

/* Full-width Thumbnail (Image) */
.product-thumbnail-small {
	width: 100%;
	height: auto;
	/* Make the image take up the full width of the card */
	margin-top: 0;
}

/* Title styles */
.product-title-wrapper h3 {
	font-size: 16px;
	font-weight: 700;
	padding-left: 20px;
	padding-right: 20px;
}

/* Price and stock styles */
.product-price-wrapper,
.product-stock-wrapper {
	font-size: 14px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
}

/* Labels for descriptions */
.product-description-label,
.product-attribute-label,
.product-price-label,
.product-stock-label {
	font-size: 12px;
	font-weight: 400;
	color: #777;
}

/* Button and view link styles */
.product-button-wrapper .product-button {
	background-color: #007cba;
	color: white;
	padding: 10px 20px;
	text-decoration: none;
	border-radius: 5px;
	padding-left: 20px;
	padding-right: 20px;
}

.product-button-wrapper .product-button:hover {
	background-color: #005f8c;
}

.product-button-wrapper {
	padding: 20px;
}

/* Stock color classes */
.in-stock {
	background-color: #02c963;
}

.low-stock {
	background-color: #efaa4a;
}

.out-of-stock {
	background-color: #ed4b33;
}

.product-attributes {
	padding-top: 15px;
}

/* Responsive Design: 3 items per row on tablets */
@media (max-width: 1024px) {
	.product-grid-wrapper {
		grid-template-columns: repeat(3, 1fr);
		/* 3 items per row on tablets */
	}
}

/* Responsive Design: 2 items per row on mobile */
@media (max-width: 768px) {
	.product-grid-wrapper {
		grid-template-columns: repeat(2, 1fr);
		/* 2 items per row on mobile */
	}
}

/* Responsive Design: 1 item per row on very small mobile */
@media (max-width: 480px) {
	.product-grid-wrapper {
		grid-template-columns: 1fr;
		/* 1 item per row on very small mobile */
	}
}

.product-button-wrapper form {
	display: flex;
	align-items: center;
}

.product-button-wrapper .button {
	margin-right: 10px;
	/* Adds space between the button and the quantity input */
}

.product-button-wrapper .quantity {
	display: flex;
	align-items: center;
}

.product-button-wrapper .quantity .more,
.product-button-wrapper .quantity .less {
	cursor: pointer;
}

.product-button-wrapper .quantity input {
	width: 60px;
	/* Adjust input width if necessary */
}

button.button.alt {
	margin-left: 15px;
}


/* Styling for the product attributes table */
.product-attributes-table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 20px;
}

.product-attributes-table th,
.product-attributes-table td {
	padding: 10px;
	text-align: left;
	border: 1px solid #ddd;
}

.product-attributes-table th {
	background-color: #f4f4f4;
	font-weight: bold;
	color: #333;
}

.product-attributes-table td {
	background-color: #fff;
	color: #555;
}

.product-attributes-table td a.contact-link {
	color: #007bff;
	text-decoration: none;
}

.product-attributes-table td a.contact-link:hover {
	text-decoration: underline;
}

/* Styling for the title */
.product-eigenschappen-title {
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 15px;
	color: #333;
}

/* Optional: Adjust table rows for better spacing */
.product-attributes-table tr {
	transition: background-color 0.3s;
}

.product-attributes-table tr:hover {
	background-color: #f9f9f9;
}

.pr_row_attr_wr {
	padding: 25px;
}

/* Custom container for left and right content */
.custom-container {
	display: flex;
	justify-content: space-between;
	padding: 20px;
	align-items: center;
}

/* Style for the left content */
.left-content {
	flex: 0 0 30%;
	text-align: center;
	/* Center the text */
	padding-right: 20px;
}

/* Style for the right content */
.right-content {
	flex: 0 0 70%;
	display: flex;
	align-items: flex-start;
	gap: 20px;
	align-items: center;
	/* Space between the image and text */
}

/* Style for category image */
.category-image {
	flex: 0 0 40%;
	max-width: 100%;
}

.category-image img {
	width: 100%;
	height: auto;
	border-radius: 2.5px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Style for category description */
.category-description {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	/* Center the content vertically */
	gap: 20px;
	font-size: 15px;
	color: #333;
	font-weight: 500;
	margin-top: 10px;
}

/* Button styles */
.btn-zaag {
	background-color: #ee981f;
	padding: 10px 20px;
	border-radius: 5px;
	font-size: 16px;
	color: #212121;
	text-decoration: none;
	transition: background-color 0.3s ease;
}

.btn-zaag:hover {
	background-color: black;
}

/* Ensure the content stacks vertically on smaller screens */
@media (max-width: 902px) {

	/* Remove flex from custom-container for mobile/tablet */
	.custom-container {
		display: block;
		/* Stacks the content vertically */
	}

	/* Left content takes full width on small screens */
	.left-content {
		width: 100%;
		margin-bottom: 20px;
		padding-right: 0;
		/* Remove padding on small screens */
	}

	/* Right content is hidden on small screens */
	.right-content {
		display: none;
	}

	/* Adjust category image for mobile/tablet */
	.category-image {
		width: 100%;
		max-width: 100%;
	}

	/* Make category text take full width */
	.category-text {
		width: 100%;
	}

	/* Center title and description for mobile */
	.category-description {
		text-align: center;
		/* Center the description text */
	}

	.category-title {
		font-size: 22px;
		/* Adjust the title font size for mobile */
		font-weight: bold;
	}

	.description-text {
		font-size: 16px;
		color: #777;
	}
}

.left-content.left-content-fullwidth {
	flex: 0 0 100%;
}

/* Optional: Add some margin and padding adjustments for better readability */
.category-text {
	display: flex;
	flex-direction: column;
}

.category-title {
	font-size: 40px;
	font-weight: bold;
}

.description-text {
	font-size: 16px;
	color: #777;
}

/* Responsive Layout Enhancements */
@media (max-width: 992px) {

	/* On medium screens, left content remains 30% and right content adjusts */
	.left-content {
		flex: 0 0 30%;
	}

	.right-content {
		flex: 0 0 70%;
	}
}

form.cart .button.alt:before {
	content: '\f07a';
	/* Shopping cart icon */
	font-family: 'Font Awesome 5 Pro';
	width: 20px;
	height: 20px;
	line-height: 20px;
	display: inline-block;
	margin-right: 10px;
}

.product-page-title {
	font-size: 30px;
}

.related-product-title {
	font-size: 30px;
	text-align: center;
}

.related-products-container {
	padding-top: 25px;
	text-align: center;
}

.product-description {
	padding-top: 25px;
}

/* Hide the desktop version of the attributes on mobile */
@media (max-width: 768px) {
	.desktop-attributes {
		display: none;
	}

	/* Show the mobile version of the attributes */
	.mobile-attributes {
		display: block;
		margin-top: 30px;
		/* Space above mobile attributes */
	}
}

/* Desktop version of the attributes */
@media (min-width: 769px) {
	.mobile-attributes {
		display: none;
	}

	.desktop-attributes {
		display: block;
	}
}

@media (max-width: 1050px) {
	.category-image {
		display: none;
	}
}

button.button.alt {
	font-size: 0;
	/* Hide the text */
}

.price-wrapper {
	font-size: 1.2rem;
	line-height: 1.6;
	font-weight: 600;
	margin-bottom: 30px;
}

.price-row {
	margin-bottom: 10px;
}

.price-row.price-incl {
	color: #1a8917;
	font-size: 1.4rem;
}

.label {
	display: inline-block;
	margin-right: 6px;
	font-weight: 500;
	color: #333;
}

.amount {
	font-weight: 700;
}

