/* =========================================================================
   Flying Dutchmen — WooCommerce-skin (child theme van Blocksy)
   Wordt alleen ingeladen wanneer WooCommerce actief is.
   ========================================================================= */

/* ---- Productkaarten in de listing ---- */
.woocommerce ul.products li.product,
.entries .product {
	border-radius: var(--fd-radius);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.entries .product .woocommerce-loop-product__title {
	font-family: var(--fd-font-head);
	text-transform: uppercase;
	letter-spacing: .02em;
	line-height: 1.2;
	color: var(--fd-ink);
}

.woocommerce ul.products li.product .price,
.entries .product .price {
	font-family: var(--fd-font-head);
	font-size: 19px;
	color: var(--fd-red-700);
}

.woocommerce ul.products li.product .price del,
.entries .product .price del {
	color: var(--fd-grey-700);
	font-size: 15px;
	opacity: .75;
}

/* ---- Badges (sale / nieuw / uitverkocht) ---- */
.fd-badges {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 3;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
	pointer-events: none;
}

.fd-badge {
	font-family: var(--fd-font-head);
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 12px;
	line-height: 1;
	padding: 6px 10px;
	border-radius: var(--fd-radius-sm);
	color: var(--fd-white);
	background: var(--fd-cta);
	box-shadow: 0 4px 10px rgba(78, 8, 0, .25);
}

.fd-badge--new   { background: var(--fd-brown); }
.fd-badge--sale  { background: var(--fd-cta); }
.fd-badge--out   { background: var(--fd-grey-700); }
.fd-badge--gold  { background: var(--fd-gold); color: var(--fd-brown); }

.woocommerce span.onsale,
.woocommerce ul.products li.product .onsale {
	background: var(--fd-cta);
	color: var(--fd-white);
	font-family: var(--fd-font-head);
	text-transform: uppercase;
	letter-spacing: 1px;
	border-radius: var(--fd-radius-sm);
	box-shadow: 0 4px 10px rgba(78, 8, 0, .25);
}

/* ---- Productpagina ---- */
.woocommerce div.product .product_title {
	font-family: var(--fd-font-head);
	text-transform: uppercase;
	color: var(--fd-red-900);
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
	font-family: var(--fd-font-head);
	font-size: 30px;
	color: var(--fd-red-700);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.ct-product-tabs [data-tab] {
	font-family: var(--fd-font-head);
	text-transform: uppercase;
	letter-spacing: .04em;
}

/* USP-blok onder de bestelknop */
.fd-product-usps {
	list-style: none;
	margin: 20px 0 0;
	padding: 16px 18px;
	background: var(--fd-cream);
	border: 1px solid var(--fd-grey-300);
	border-left: 4px solid var(--fd-primary);
	border-radius: var(--fd-radius);
	font-size: 14px;
}

.fd-product-usps li {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	margin: 0 0 8px;
}

.fd-product-usps li:last-child { margin-bottom: 0; }
.fd-product-usps b { color: var(--fd-primary); }

/* 18+ melding op de productpagina */
.fd-age-notice {
	display: flex;
	gap: 12px;
	align-items: center;
	margin: 18px 0 0;
	padding: 12px 16px;
	border-radius: var(--fd-radius);
	background: rgba(208, 45, 45, .08);
	border: 1px solid rgba(208, 45, 45, .3);
	font-size: 13.5px;
	color: var(--fd-red-900);
}

/* Verzendbelofte ("voor 16:00 besteld") */
.fd-cutoff {
	display: inline-flex;
	gap: 8px;
	align-items: center;
	margin-top: 14px;
	font-family: var(--fd-font-head);
	text-transform: uppercase;
	letter-spacing: .06em;
	font-size: 13px;
	color: var(--fd-brown);
}

.fd-cutoff b { color: var(--fd-primary); }

/* ---- Winkelwagen & afrekenen ---- */
.woocommerce-checkout .fd-trust,
.woocommerce-cart .fd-trust {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin: 24px 0;
	padding: 16px 18px;
	background: var(--fd-grey-100);
	border-radius: var(--fd-radius);
	font-size: 13.5px;
}

.fd-trust span { display: flex; gap: 8px; align-items: center; }
.fd-trust b { color: var(--fd-primary); }

.woocommerce table.shop_table th,
.woocommerce-cart table.cart thead th {
	font-family: var(--fd-font-head);
	text-transform: uppercase;
	letter-spacing: .04em;
}

/* ---- Categoriekop ---- */
.woocommerce .term-description,
.tax-product_cat .ct-container > .term-description {
	background: var(--fd-cream);
	border-radius: var(--fd-radius);
	padding: 18px 22px;
}

@media (max-width: 575px) {
	.woocommerce div.product p.price,
	.woocommerce div.product span.price { font-size: 25px; }
}