/* WooCommerce order table
 =============================================================== */

html {
	scroll-behavior: smooth;
}

.loop-category-title {
	font-weight: 700;
}

.loop-category-title {
	margin-top: 50px;
}

.loop-title {
	font-weight: 700;
	font-size: 18px;
	margin: 0 !important;
}

.hidden,
.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-total,
.woocommerce-orders-table__header.woocommerce-orders-table__header-order-total,
.woocommerce-table__product-table.product-total,
.woocommerce-table__product-total.product-total,
.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tfoot,
.woocommerce-order-overview__total.total {
	display: none;
}

.woocommerce select {
	-webkit-appearance: none;
	background: #fff url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z"></path></svg>') no-repeat 95% 50%;
	background-size: 20px;
	color: #000;
}

.product-section table,
.product-section tr,
.product-section th,
.product-section td {
	border: none;
	vertical-align: middle;
}

.product-section tr {
	border-bottom: 1px solid #f3f3f3;
}

.product-section table tbody tr > td,
.product-section table tbody tr:hover > td {
	background-color: #F8F8F8 !important;
}

.product-section table tbody tr > th,
.product-section table tbody tr:hover > th {
	background-color: #28743B !important;
	color: #fff;
	text-align: left;
}

.products-form {
	position: fixed;
	z-index: 999;
	bottom: -200%;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	flex-wrap: wrap;
	background: #BE4541;
	padding: 20px;
	border-radius: 8px;
	transition: all .3s ease-in-out;
	align-items: center;
}

#close-floating-cart {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #d9534f; /* Rode kleur, net als "Verwijderen" */
    color: #fff;
    border: none;
    padding: 8px 12px;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.2s ease-in-out;
    margin-bottom: 10px; /* ✅ Extra ruimte onder de knop */
}

#close-floating-cart:hover {
    background: #c9302c; /* Donkerder rood bij hover */
}


.open-cart .products-form {
	bottom: 10px;
}

.products-form ul {
	list-style: none;
}

.products-form__summary {
	width: 300px;
	color: #fff;
	padding-right: 15px;
}

.toggle {
	color: #fff;
	cursor: pointer;
}

.products-form__summary span {
	font-weight: 600;
}

.products-form__summary span[data-value="sub-total"] {
	padding-left: 10px;
}

.products-form .demo-item {
	display: none;
}

.product-listing {
	padding: 0;
	max-height: 0;
	overflow: hidden;
	transition: all .3s ease-in-out;
}

.product-listing.active {
	max-height: 1000px;
	margin-top: 10px;
}

.product-listing li {
	padding-bottom: 5px;
	color: #fff;
}

.product-qty {
	display: inline-block;
	width: 30px;
	margin-right: 10px;
}

.products-form__checkout {
	height: 100%;
}

.products-form__checkout button,
.products-form__checkout .view-cart {
	margin-right: 5px;
	background: #fff !important;
	color: #BE4541 !important;
	border-radius: 50px !important;
}

.products-form__checkout .view-cart {
	margin-right: 5px !important;
	background: #E0AA62 !important;
	color: #fff !important;
}

.product-section tr th:last-child {
	width: 180px;
}

/* WooCommerce filter
 =============================================================== */

.custom-product-filter {
	padding-left: 0;
	list-style: none;
}

.custom-product-filter a {
	color: #1A202C !important;
}

.custom-product-filter li {
	margin-bottom: 5px;
}

.custom-product-filter li.active a {
	color: #BE4541 !important;
}

.sticky-filter {
	position: sticky !important;
	top: 10px;
}

@media (max-width: 992px) {

	.e-shop-table.e-cart-section {
		padding: 0 !important;
	}

}

@media (max-width: 767px) {

	.loop-title,
	.loop-price {
		font-size: 14px;
	}

	.product-section table tr th:nth-child(1) {
		width: 60%;
	}

	.product-section table tr th:nth-child(2) {
		width: 20%;
	}

	.product-section table tr th:nth-child(3) {
		width: 20%;
	}

	.open-cart .products-form {
		text-align: center;
	}

	.products-form {
		flex-wrap: nowrap;
		align-items: center;
	}

	.products-form__summary {
		width: 200px;
	}

}

/* WooCommerce checkout
 =============================================================== */

.wc-block-components-order-summary .wc-block-components-panel__button {
	border-radius: 0;
	padding: 4px 10px !important;
	margin-bottom: 15px !important;
	line-height: 28px !important;
}

.wp-block-woocommerce-checkout-order-summary-block {
	position: sticky;
	top: 10px;
}

.wc-block-components-button:not(.is-link) {
	padding: 10px 30px;
	min-height: 0;
}

.wp-block-woocommerce-checkout.wc-block-checkout {
	max-width: 1240px;
	margin: 50px auto 100px;
}

.woocommerce .button.wc-backward {
	background: #BE4541 !important;
	color: #ffff !important;
	border-radius: 50px !important;
	border: none !important;
	padding: 15px 25px 15px 25px !important;
}

@media (max-width: 1275px) {

	.woocommerce-checkout {
		padding: 0 10px;
	}

}

/* WooCommerce floating cart
 =============================================================== */

#floating-cart {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 300px;
    height: 100vh;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    display: none;
    z-index: 99999999;
    padding: 15px;
    overflow: auto;
}

#floating-cart.active {
    display: block;
}

#floating-cart .product-quantity,
#floating-cart .product-name {
	display: block;
	text-align: left;
}

#floating-cart .product-name {
	font-weight: bold;
}

#floating-cart .cart-item {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #e8e8e8;
	text-align: right;
}

#floating-cart .button.checkout {
	border-radius: 5px;
	border: none;
	background: #28743B;
	color: #fff;
	display: block;
	text-align: center;
}

.remove-item {
    background: #d9534f;
    color: #fff;
    border: none;
    padding: 4px !important;
    border-radius: 5px !important;
    cursor: pointer;
    font-size: 14px;
    margin-top: 5px;
}

.remove-item:hover {
    background: #c9302c;
}

.cart-warning {
    color: #d9534f;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.woocommerce-cart-form__cart-item.cart_item .product-price,
.woocommerce-cart-form__cart-item.cart_item .product-subtotal {
	display: none;
}

/* WooCommerce thank you page
 =============================================================== */

.woocommerce-order-received .woocommerce-order {
	max-width: 1240px;
	margin: 50px auto;
}