/* =========================================================
   ADDRILI / FLIP – WOOCOMMERCE
   =========================================================
   Bevat:
   - algemene Woo styling
   - single product
   - product cards / overlays
   - variabele producten / Brandstof
   - winkelwagen
   - Mijn Account
   - lost password
   - order / bedankpagina
   ========================================================= */


/* =========================================================
   1. ALGEMENE WOOCOMMERCE STYLING
   ========================================================= */

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.added_to_cart,
.woocommerce div.product form.cart .single_add_to_cart_button {
	background: #FE8A85 !important;
	border-color: #FE8A85 !important;
	color: #ffffff !important;
	border-radius: 999px !important;
	font-weight: 700;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.added_to_cart:hover,
.woocommerce div.product form.cart .single_add_to_cart_button:hover {
	filter: brightness(.96);
}


/* =========================================================
   WOOCOMMERCE MELDINGEN
   ========================================================= */

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
	padding: 16px 18px !important;
	border: 1px solid rgba(66, 93, 95, .16) !important;
	border-left: 0 !important;
	border-radius: 16px !important;
	background: rgba(255, 255, 255, .72) !important;
	color: #425D5F !important;
	box-shadow: none !important;
}

.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before {
	display: none !important;
	content: none !important;
}

.woocommerce-message .button,
.woocommerce-info .button,
.woocommerce-error .button {
	background: #FE8A85 !important;
	color: #ffffff !important;
	border: 0 !important;
	border-radius: 999px !important;
	padding: 10px 16px !important;
	font-weight: 800 !important;
}


/* =========================================================
   2. SINGLE PRODUCT
   ========================================================= */

.woocommerce div.product {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}

.woocommerce div.product .woocommerce-product-gallery,
.woocommerce div.product .summary {
	margin-top: 12px;
	background: transparent;
	box-shadow: none;
}

.woocommerce div.product .woocommerce-product-gallery img {
	border-radius: 16px;
}

.woocommerce div.product .summary h1.product_title {
	margin: 0 0 10px !important;
	color: #425D5F !important;
	font-family: inherit !important;
	font-size: 2.35rem !important;
	font-weight: 800 !important;
	line-height: 1.05 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
	margin: 10px 0 14px !important;
	color: #73D8BA !important;
	font-size: 1.25rem !important;
	font-weight: 800 !important;
}

.woocommerce div.product form.cart .single_add_to_cart_button {
	min-height: 44px;
	padding: 12px 18px;
	border-radius: 999px;
	font-weight: 800;
}

.woocommerce div.product form.cart .quantity .qty {
	min-height: 44px;
	padding: 8px 10px;
	border-radius: 10px;
}

.woocommerce div.product .product_meta {
	display: none !important;
}

.woocommerce div.product .woocommerce-tabs,
.woocommerce div.product #reviews,
.woocommerce div.product .woocommerce-product-rating,
.woocommerce div.product .woocommerce-review-link,
.woocommerce div.product a.woocommerce-review-link,
.woocommerce div.product .reviews_tab,
.woocommerce div.product a[href="#reviews"],
.woocommerce div.product a[href="#tab-reviews"] {
	display: none !important;
}

body.single-product .woocommerce-breadcrumb {
	display: none !important;
}


/* =========================================================
   LANGE PRODUCTOMSCHRIJVING
   ========================================================= */

.addrili-longdesc {
	clear: both !important;
	float: none !important;
	display: block !important;
	width: 100% !important;
	max-width: 1100px;
	margin: 18px auto 0 !important;
	padding: 0 16px;
	box-sizing: border-box;
	color: #425D5F;
}

.addrili-longdesc h2,
.addrili-longdesc h3 {
	margin: 14px 0 8px;
	color: #73D8BA;
	font-weight: 800;
}

.addrili-longdesc p {
	margin: 0 0 10px;
	line-height: 1.6;
}

.woocommerce div.product .summary form.cart ~ p {
	display: none !important;
}


/* =========================================================
   GERELATEERDE PRODUCTEN
   ========================================================= */

.woocommerce div.product .related.products,
.woocommerce div.product .upsells.products {
	clear: both !important;
	width: 100% !important;
	max-width: 100% !important;
	margin-top: 28px !important;
}

.woocommerce .related h2,
.woocommerce .related h3,
.woocommerce .upsells h2,
.woocommerce .upsells h3 {
	margin: 0 0 8px !important;
	color: #73D8BA !important;
	font-size: 1.4rem !important;
	font-weight: 900 !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
	color: #425D5F !important;
}

.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price * {
	color: #73D8BA !important;
	font-weight: 800 !important;
}

.woocommerce ul.products li.product .price {
	font-size: 1.05rem !important;
}

.woocommerce ul.products li.product .button {
	padding: 10px 14px !important;
	font-size: .85rem !important;
	line-height: 1.1 !important;
	white-space: nowrap !important;
}


/* =========================================================
   PRODUCT THUMBNAILS
   ========================================================= */

.woocommerce div.product .flex-control-thumbs {
	margin-top: 14px !important;
}

.woocommerce div.product .flex-control-thumbs li {
	margin-right: 12px !important;
	margin-bottom: 12px !important;
}

.woocommerce div.product .flex-control-thumbs img {
	border-radius: 12px !important;
}


/* =========================================================
   3. PRODUCTKAARTEN – UIT DE WERKPLAATS
   ========================================================= */

.woocommerce ul.products li.product {
	position: relative;
}

.flip-card-subtitle {
	margin: 6px 12px 4px;
	color: #35585C;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.35;
	text-align: center;
}


/* =========================================================
   PRODUCT VISUAL OVERLAY
   ========================================================= */

.flip-visual-overlay-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	aspect-ratio: 1 / 1;
	z-index: 5;
	pointer-events: none;
}

.flip-visual-label {
	position: absolute;
	left: 32px;
	right: 32px;
	bottom: 14px;
	padding: 10px 14px;
	border-radius: 14px;
	background: rgba(255, 250, 245, .92);
	backdrop-filter: blur(6px);
	color: #35585C;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.25;
	text-align: center;
	white-space: nowrap;
	box-shadow: 0 5px 16px rgba(0, 0, 0, .12);
}

.flip-visual-badge {
	position: absolute;
	top: 14px;
	right: 10px;
	padding: 7px 11px;
	border-radius: 999px;
	background: #FE8A85;
	color: #ffffff;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	white-space: nowrap;
	box-shadow: 0 5px 14px rgba(0, 0, 0, .15);
	transform: rotate(8deg);
}

/* =========================================================
   PRODUCT – GERELATEERDE PRODUCTEN
   ========================================================= */

/* Content van iedere productkaart centreren */
.single-product .related.products li.product {
  text-align: center !important;
}

/* Producttitel */
.single-product .related.products li.product .woocommerce-loop-product__title {
  text-align: center !important;
}

/* Eigen subtitel */
.single-product .related.products li.product .flip-card-subtitle {
  text-align: center !important;
}

/* Prijs */
.single-product .related.products li.product .price {
  display: block !important;
  text-align: center !important;
}

/* Knop */
.single-product .related.products li.product .button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Zorg dat de knop daadwerkelijk gecentreerd staat */
.single-product .related.products li.product {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

/* Afbeelding blijft volledige kaartbreedte gebruiken */
.single-product .related.products li.product > a.woocommerce-LoopProduct-link {
  width: 100% !important;
}

/* =========================================================
   PRODUCT OVERLAYS MOBIEL
   ========================================================= */

@media (max-width: 767px) {

	.flip-visual-label {
		left: 22px !important;
		right: 22px !important;
		bottom: 12px !important;
		padding: 6px 7px !important;
		border-radius: 12px !important;
		font-size: 9px !important;
		line-height: 1.1 !important;
		white-space: nowrap !important;
	}

	.flip-visual-badge {
		top: 8px !important;
		right: 6px !important;
		max-width: 70% !important;
		padding: 5px 8px !important;
		font-size: 9px !important;
		transform: rotate(6deg) !important;
	}
}


/* =========================================================
   4. VARIABELE PRODUCTEN / FLIP BRANDSTOF
   ========================================================= */

body.single-product form.variations_form.cart {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: 14px !important;
	margin-top: 14px !important;
}

body.single-product form.variations_form.cart table.variations {
	width: 100% !important;
	margin: 0 !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
}

body.single-product form.variations_form.cart table.variations tbody,
body.single-product form.variations_form.cart table.variations tr {
	display: block !important;
	width: 100% !important;
}

body.single-product form.variations_form.cart table.variations td,
body.single-product form.variations_form.cart table.variations th {
	display: block !important;
	width: 100% !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	text-align: left !important;
}

body.single-product form.variations_form.cart .label {
	margin-bottom: 8px !important;
}

body.single-product form.variations_form.cart .label label {
	display: inline-block !important;
	margin: 0 !important;
	color: #425D5F !important;
	font-size: 16px !important;
	font-weight: 700 !important;
}

body.single-product form.variations_form.cart .value {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 14px !important;
}

body.single-product form.variations_form.cart select {
	appearance: none !important;
	-webkit-appearance: none !important;
	min-width: 280px !important;
	min-height: 54px !important;
	padding: 0 44px 0 18px !important;
	border: 1px solid rgba(66, 93, 95, .14) !important;
	border-radius: 16px !important;
	background-color: #ffffff !important;
	color: #425D5F !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	box-shadow: none !important;
	outline: none !important;

	background-image:
		linear-gradient(
			45deg,
			transparent 50%,
			#425D5F 50%
		),
		linear-gradient(
			135deg,
			#425D5F 50%,
			transparent 50%
		);

	background-position:
		calc(100% - 24px) calc(50% - 3px),
		calc(100% - 18px) calc(50% - 3px);

	background-size:
		6px 6px,
		6px 6px;

	background-repeat: no-repeat;
}

body.single-product form.variations_form.cart .reset_variations {
	color: #425D5F !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	opacity: .75 !important;
}

body.single-product form.variations_form.cart .reset_variations:hover {
	opacity: 1 !important;
}

body.single-product .woocommerce-variation.single_variation {
	margin: 8px 0 10px !important;
}

body.single-product form.variations_form.cart .single_variation_wrap {
	width: 100% !important;
}

body.single-product form.variations_form.cart
.woocommerce-variation-add-to-cart {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: 12px !important;
}


/* =========================================================
   5. WINKELWAGEN
   ========================================================= */


/* Koppen */

.woocommerce-cart
.wc-block-cart-items__header,
.woocommerce-cart
.wc-block-cart-items__header *,
.woocommerce-cart
.wc-block-components-totals-wrapper h2,
.woocommerce-cart
.wc-block-components-totals-wrapper h3 {
	color: #425D5F !important;
	font-size: 1rem !important;
	font-weight: 900 !important;
	letter-spacing: .04em !important;
	text-transform: uppercase !important;
}


/* Producttitels */

.woocommerce-cart
.wc-block-components-product-name,
.woocommerce-cart
.wc-block-components-product-name a {
	color: #425D5F !important;
	font-weight: 800 !important;
	text-decoration: none !important;
}

.woocommerce-cart
.wc-block-components-product-name:hover,
.woocommerce-cart
.wc-block-components-product-name a:hover {
	color: #425D5F !important;
}


/* Prijzen */

.woocommerce-cart
.wc-block-components-product-price__value,
.woocommerce-cart
.wc-block-components-totals-item__value,
.woocommerce-cart
.wc-block-components-totals-footer-item__value,
.woocommerce-cart
.wc-block-components-formatted-money-amount {
	color: #73D8BA !important;
	font-weight: 800 !important;
}


/* Productbeschrijving verbergen */

.woocommerce-cart
.wc-block-components-product-metadata__description,
.woocommerce-cart
.wc-block-components-product-metadata__description *,
.woocommerce-cart
.wc-block-cart-item__description,
.woocommerce-cart
.wc-block-cart-item__description * {
	display: none !important;
}


/* Afrekenknop */

.woocommerce-cart
.wp-block-woocommerce-proceed-to-checkout-block a,
.woocommerce-cart
a.wc-block-cart__submit-button,
.woocommerce-cart
.wc-block-cart__submit-container
.wc-block-components-button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;

	min-width: 280px !important;
	min-height: 50px !important;

	padding: 14px 26px !important;

	border: 0 !important;
	border-radius: 999px !important;

	background: #FE8A85 !important;

	color: #ffffff !important;

	font-family: inherit !important;
	font-size: 15px !important;
	font-weight: 900 !important;
	line-height: 1 !important;

	text-decoration: none !important;

	box-shadow:
		0 10px 22px rgba(254, 138, 133, .24) !important;

	transition:
		transform .15s ease,
		box-shadow .15s ease,
		filter .15s ease !important;
}

.woocommerce-cart
.wp-block-woocommerce-proceed-to-checkout-block a *,
.woocommerce-cart
a.wc-block-cart__submit-button *,
.woocommerce-cart
.wc-block-cart__submit-container
.wc-block-components-button * {
	color: #ffffff !important;
	fill: #ffffff !important;
}

.woocommerce-cart
.wp-block-woocommerce-proceed-to-checkout-block a:hover,
.woocommerce-cart
a.wc-block-cart__submit-button:hover,
.woocommerce-cart
.wc-block-cart__submit-container
.wc-block-components-button:hover {
	transform: translateY(-1px) !important;
	filter: brightness(.97) !important;

	box-shadow:
		0 14px 28px rgba(254, 138, 133, .30) !important;
}

.woocommerce-cart
.wc-block-cart__submit-container {
	display: flex !important;
	justify-content: center !important;
}


/* Verwijderlink */

.woocommerce-cart
.wc-block-cart-item__remove-link {
	color: #425D5F !important;
	font-weight: 700 !important;
}


/* Winkelwagen mobiel */

@media (max-width: 768px) {

	.woocommerce-cart
	.wp-block-woocommerce-proceed-to-checkout-block a,
	.woocommerce-cart
	a.wc-block-cart__submit-button,
	.woocommerce-cart
	.wc-block-cart__submit-container
	.wc-block-components-button {
		width: 100% !important;
		min-width: 0 !important;
	}
}


/* =========================================================
   6. MIJN ACCOUNT
   ========================================================= */

.woocommerce-account .woocommerce {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	padding: 18px 16px 44px;
	box-sizing: border-box;
}


/* =========================================================
   ACCOUNT NAVIGATIE
   ========================================================= */

.woocommerce-account
.woocommerce-MyAccount-navigation {
	width: 24% !important;
}

.woocommerce-account
.woocommerce-MyAccount-content {
	width: 72% !important;
}

.woocommerce-account
.woocommerce-MyAccount-navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.woocommerce-account
.woocommerce-MyAccount-navigation li a {
	display: block;
	margin-bottom: 8px;
	padding: 12px 16px;
	border: 1px solid rgba(66, 93, 95, .12);
	border-radius: 16px;
	background: #ffffff;
	color: #425D5F !important;
	font-weight: 700;
	text-decoration: none;
}

.woocommerce-account
.woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account
.woocommerce-MyAccount-navigation li a:hover {
	background: rgba(115, 216, 186, .14);
}

.woocommerce-account
.woocommerce-MyAccount-navigation-link--downloads {
	display: none !important;
}


/* =========================================================
   ACCOUNT CONTENT
   ========================================================= */

.woocommerce-account
.woocommerce-MyAccount-content {
	min-height: 220px;
	padding: 28px;
	border: 1px solid rgba(66, 93, 95, .12);
	border-radius: 22px;
	background: #ffffff;
	box-shadow: 0 14px 34px rgba(66, 93, 95, .08);
	box-sizing: border-box;
}

.woocommerce-account
.woocommerce-MyAccount-content p {
	color: #425D5F;
	line-height: 1.7;
}


/* Dashboard intro */

.woocommerce-account
.flip-account-welcome h2 {
	margin: 0 0 12px;
	color: #425D5F;
	font-weight: 900;
}

.woocommerce-account
.flip-account-welcome p {
	margin: 0 0 10px;
}


/* =========================================================
   ACCOUNT INPUTS
   ========================================================= */

.woocommerce-account
.woocommerce-MyAccount-content input {
	padding: 10px 12px !important;
	border: 1px solid rgba(66, 93, 95, .25) !important;
	border-radius: 12px !important;
}

.woocommerce-account
.woocommerce-EditAccountForm {
	max-width: 760px;
}

.woocommerce-account
.woocommerce-EditAccountForm .form-row {
	margin-bottom: 18px !important;
}

.woocommerce-account
.woocommerce-EditAccountForm label {
	margin-bottom: 8px;
	color: #425D5F;
	font-weight: 800;
}

.woocommerce-account
.woocommerce-EditAccountForm fieldset {
	margin-top: 24px !important;
	margin-bottom: 18px !important;
	padding: 34px 38px !important;
	border-color: rgba(66, 93, 95, .18);
	border-radius: 18px;
	background: rgba(255, 255, 255, .45);
}

.woocommerce-account
.show-password-input {
	right: 18px !important;
	top: 50% !important;
	transform: translateY(-50%);
}


/* Accountbuttons */

.woocommerce-account
.woocommerce-MyAccount-content .button,
.woocommerce-account
.woocommerce-MyAccount-content button.button {
	padding: 11px 20px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: #FE8A85 !important;
	color: #ffffff !important;
	font-weight: 900 !important;
}

.woocommerce-account
.woocommerce-EditAccountForm button.button {
	min-height: 46px !important;
	padding: 14px 26px !important;
}


/* =========================================================
   ACCOUNT BESTELLINGEN
   ========================================================= */

.woocommerce-account table.shop_table {
	width: 100% !important;
	border: 1px solid rgba(66, 93, 95, .12) !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	border-radius: 16px !important;
	overflow: hidden;
	table-layout: auto !important;
}

.woocommerce-account table.shop_table th {
	padding: 14px !important;
	background: rgba(115, 216, 186, .10) !important;
	color: #425D5F !important;
	font-weight: 900 !important;
}

.woocommerce-account table.shop_table td {
	padding: 14px !important;
	border-color: rgba(66, 93, 95, .10) !important;
}

.woocommerce-account
.woocommerce-orders-table__header-order-number {
	width: 14%;
}

.woocommerce-account
.woocommerce-orders-table__header-order-date {
	width: 15%;
}

.woocommerce-account
.woocommerce-orders-table__header-order-status {
	width: 14%;
}

.woocommerce-account
.woocommerce-orders-table__header-order-total {
	width: 20%;
}

.woocommerce-account
.woocommerce-orders-table__header-order-actions {
	width: 37%;
}

.woocommerce-account
.woocommerce-orders-table__cell-order-actions .button {
	margin: 2px !important;
	padding: 9px 14px !important;
	white-space: nowrap;
}


/* =========================================================
   ACCOUNT ADRESSEN
   ========================================================= */

.woocommerce-account
.woocommerce-Address {
	padding: 22px;
	border: 1px solid rgba(66, 93, 95, .12);
	border-radius: 18px;
	background: rgba(255, 255, 255, .68);
}

.woocommerce-account
.woocommerce-Address-title {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: 10px !important;
}

.woocommerce-account
.woocommerce-Address-title h2 {
	margin-bottom: 12px !important;
	color: #73D8BA !important;
	font-size: 26px !important;
}

.woocommerce-account
.woocommerce-Address-title a.edit {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 10px 16px !important;
	border-radius: 999px !important;
	background: #FE8A85 !important;
	color: #ffffff !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	text-decoration: none !important;
}


/* =========================================================
   ACCOUNT MELDINGEN
   ========================================================= */

.woocommerce-account
.woocommerce-MyAccount-content .woocommerce-info,
.woocommerce-account
.woocommerce-MyAccount-content .woocommerce-message,
.woocommerce-account
.woocommerce-MyAccount-content .woocommerce-notice {
	border: 1px solid rgba(66, 93, 95, .12) !important;
	border-left: 0 !important;
	border-radius: 16px !important;
	background: rgba(255, 255, 255, .65) !important;
	color: #425D5F !important;
	box-shadow: none !important;
}


/* =========================================================
   ACCOUNT MOBIEL
   ========================================================= */

@media (max-width: 900px) {

	.woocommerce-account
	.woocommerce-MyAccount-navigation,
	.woocommerce-account
	.woocommerce-MyAccount-content {
		width: 100% !important;
	}

	.woocommerce-account
	.woocommerce-MyAccount-navigation {
		margin-bottom: 18px;
	}

	.woocommerce-account
	.woocommerce-MyAccount-content {
		padding: 22px;
	}
}


/* =========================================================
   7. LOST PASSWORD
   ========================================================= */

.woocommerce-lost-password .woocommerce,
.woocommerce-account.woocommerce-lost-password .woocommerce {
	width: 100%;
	max-width: 760px;
	margin: 0 auto;
	padding: 32px 16px 70px;
	box-sizing: border-box;
}

.woocommerce-lost-password
.woocommerce-ResetPassword {
	display: flex;
	flex-direction: column;
	max-width: 760px;
	margin: 0 auto;
	padding: 30px;
	border: 1px solid rgba(66, 93, 95, .12);
	border-radius: 22px;
	background: #ffffff;
	box-shadow: 0 14px 34px rgba(66, 93, 95, .08);
}

.woocommerce-lost-password
.woocommerce-ResetPassword::before {
	content: "Wachtwoord opnieuw instellen";
	display: block;
	margin-bottom: 18px;
	color: #425D5F;
	font-size: 28px;
	font-weight: 900;
	line-height: 1.15;
}

.woocommerce-lost-password input {
	padding: 12px 14px !important;
	border: 1px solid rgba(66, 93, 95, .22) !important;
	border-radius: 14px !important;
}

.woocommerce-lost-password button.button {
	padding: 13px 24px !important;
	border-radius: 999px !important;
	background: #FE8A85 !important;
	color: #ffffff !important;
	font-weight: 900 !important;
}


/* =========================================================
   8. ORDER / BEDANKPAGINA
   ========================================================= */

.woocommerce-order
.woocommerce-thankyou-order-received,
.woocommerce-order
.woocommerce-notice,
.woocommerce-order
.woocommerce-info,
.woocommerce-order
.woocommerce-message {
	border-left: 0 !important;
	box-shadow: none !important;
}

.woocommerce-order
.woocommerce-message::before,
.woocommerce-order
.woocommerce-info::before {
	display: none !important;
}

/* =========================================================
   9. WINKELWAGEN – LEEG
   ========================================================= */

/* Lege winkelwagen melding */
.woocommerce-cart
.wc-block-cart__empty-cart__title {
	color: #73D8BA !important;
	font-size: 18px !important;
	font-weight: 900 !important;
}

/* WooCommerce leeg-winkelwagen icoon */
.woocommerce-cart
.wc-block-cart__empty-cart__title::before,
.woocommerce-cart
.wc-block-cart__empty-cart__title svg,
.woocommerce-cart
.wc-block-cart__empty-cart__title svg * {
	color: #73D8BA !important;
	fill: #73D8BA !important;
}

/* Nieuw in de winkel */
.woocommerce-cart
.wp-block-heading.has-text-align-center,
.woocommerce-cart
.wc-block-grid__products + h2,
.woocommerce-cart
.wc-block-cart__empty-cart__title + h2 {
	margin-bottom: 24px !important;
	color: #425D5F !important;
	font-size: 32px !important;
	font-weight: 900 !important;
	line-height: 1.15 !important;
	text-align: center !important;
}

/* Productkaarten */
.woocommerce-cart
.wc-block-grid__product {
	text-align: center !important;
}

/* Afbeeldingen */
.woocommerce-cart
.wc-block-grid__product-image img {
	border-radius: 14px !important;
}

/* Producttitel */
.woocommerce-cart
.wc-block-grid__product-title,
.woocommerce-cart
.wc-block-grid__product-title a {
	margin-top: 16px !important;
	margin-bottom: 10px !important;
	color: #425D5F !important;
	font-size: 18px !important;
	font-weight: 900 !important;
	line-height: 1.2 !important;
	text-align: center !important;
	text-decoration: none !important;
}

/* Prijs */
.woocommerce-cart
.wc-block-grid__product-price,
.woocommerce-cart
.wc-block-grid__product-price *,
.woocommerce-cart
.wc-block-grid__product-price .woocommerce-Price-amount {
	margin-bottom: 16px !important;
	color: #73D8BA !important;
	font-size: 17px !important;
	font-weight: 900 !important;
	line-height: 1.2 !important;
	text-align: center !important;
}

/* Productknoppen */
.woocommerce-cart
.wc-block-grid__product-add-to-cart {
	text-align: center !important;
}

.woocommerce-cart
.wc-block-grid__product-add-to-cart a,
.woocommerce-cart
.wc-block-grid__product-add-to-cart button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;

	min-height: 42px !important;
	padding: 10px 18px !important;

	border: 0 !important;
	border-radius: 999px !important;

	background: #FE8A85 !important;
	color: #ffffff !important;

	font-family: inherit !important;
	font-size: 13px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	text-decoration: none !important;

	box-shadow: 0 8px 18px rgba(254, 138, 133, .18) !important;
	transition: transform .15s ease, box-shadow .15s ease !important;
}

.woocommerce-cart
.wc-block-grid__product-add-to-cart a:hover,
.woocommerce-cart
.wc-block-grid__product-add-to-cart button:hover {
	background: #FE8A85 !important;
	color: #ffffff !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 12px 24px rgba(254, 138, 133, .28) !important;
}


/* =========================================================
   10. WOOCOMMERCE – SUCCESMELDING
   ========================================================= */

.woocommerce-message {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 18px !important;

	padding: 14px 18px !important;
	margin-bottom: 24px !important;

	border: 1px solid rgba(115, 216, 186, .45) !important;
	border-left: 1px solid rgba(115, 216, 186, .45) !important;
	border-radius: 18px !important;

	background: #DDF2E4 !important;
	color: #425D5F !important;

	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;

	box-shadow: 0 10px 24px rgba(66, 93, 95, .06) !important;
}

.woocommerce-message::before,
.woocommerce-message::after {
	display: none !important;
	content: none !important;
}

.woocommerce-message .button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 auto !important;

	padding: 10px 16px !important;
	border: 0 !important;
	border-radius: 999px !important;

	background: #FE8A85 !important;
	color: #ffffff !important;

	font-weight: 800 !important;
	text-decoration: none !important;

	box-shadow: 0 8px 18px rgba(254, 138, 133, .18) !important;
	transition: transform .15s ease, box-shadow .15s ease !important;
}

.woocommerce-message .button:hover {
	background: #FE8A85 !important;
	color: #ffffff !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 12px 24px rgba(254, 138, 133, .28) !important;
}

@media (max-width: 700px) {
	.woocommerce-message {
		flex-direction: column !important;
		align-items: flex-start !important;
	}

	.woocommerce-message .button {
		width: 100% !important;
	}
}
