/* =============================================================================
   WC Staffelkortingen — Frontend Stylesheet
   ============================================================================= */

/* ── PRODUCT PAGE TIER TABLE ────────────────────────────────────────────── */

.wsk-product-tiers {margin:18px 0; border:1px solid var(--grijs-licht-color); background:var(--wit-color); overflow:hidden;}

.wsk-product-tiers__title {display:flex; align-items:center; gap:8px; margin:0 !important; padding:12px 16px; font-size:13px !important; font-weight:700; color:var(--blauw-color) !important; text-transform:uppercase; letter-spacing:.5px; background:var(--beige-color); border-bottom:1px solid var(--grijs-licht-color);}

.wsk-product-tiers__title svg {color:var(--oranje-color); flex-shrink:0;}

.wsk-tiers-table {width:100%; border-collapse:collapse; margin:0;}

.wsk-tiers-table thead th {padding:10px 14px; text-align:left; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.5px; color:var(--blauw-color); background:var(--beige-color); border-bottom:1px solid var(--grijs-licht-color);}

.wsk-tiers-table tbody td {padding:10px 14px; font-size:14px; color:var(--blauw-donker-color); border-bottom:1px solid var(--grijs-licht-color);}

.wsk-tiers-table tbody tr:last-child td {border-bottom:none;}

/* Base (no discount) row */
.wsk-tiers-table__base td {color:#9aa3ad;}

/* Active tier highlight */
.wsk-tiers-table__tier.is-active {background:rgba(62,150,41,.08);}
.wsk-tiers-table__tier.is-active td {color:var(--green-darken-color); font-weight:700;}
.wsk-tiers-table__tier.is-active::after {content:'';}

/* Discount badge */
.wsk-disc-badge {display:inline-block; padding:3px 10px; background:var(--oranje-color); color:var(--wit-color); font-size:12px; font-weight:700; line-height:1.4;}

.wsk-disc-none {color:#cdd1d5;}

/* Notice below table */
.wsk-tiers-notice {margin:0 !important; padding:10px 16px; background:var(--beige-color); border-top:1px solid var(--grijs-licht-color); font-size:13px; color:var(--blauw-color); font-weight:600; min-height:0; transition:all .2s;}

.wsk-tiers-notice:empty {display:none;}

/* ── CART PAGE ──────────────────────────────────────────────────────────── */

/* Discounted price display */
.wsk-orig-price {
	color: #9ca3af;
	font-size: .85em;
	display: block;
	text-decoration: line-through;
}

.wsk-disc-price {
	color: #15803d;
	font-weight: 700;
	font-style: normal;
	display: block;
}

/* Free item tag */
.wsk-free-tag {
	display: inline-block;
	padding: 2px 10px;
	background: #dcfce7;
	color: #15803d;
	border-radius: 20px;
	font-size: 12px;
	font-weight: 700;
	border: 1px solid #86efac;
}

.wsk-free-qty {
	font-size: 14px;
	color: #374151;
}

.wsk-free-qty small {
	font-size: 11px;
	color: #15803d;
	font-weight: 600;
}

/* Free cart item row */
.wsk-free-cart-item {
	background: #f0fdf4 !important;
}

.wsk-free-cart-item td:first-child::before {
	content: '🎁 ';
}

/* ── WC NOTICES ─────────────────────────────────────────────────────────── */

.woocommerce-info {
	border-top-color: #2271b1;
}

/* ── BLOCKS CART — per item price ───────────────────────────────────────── */

/* Strikethrough original price above the current discounted price */
.wsk-blocks-orig {
	display: block;
	font-size: .82em;
	color: #9ca3af;
	text-decoration: line-through;
	font-weight: 400;
	margin-bottom: 2px;
	font-style: normal;
}

/* Discount badge next to price */
.wsk-blocks-badge {
	display: inline-block;
	margin-top: 5px;
	padding: 2px 7px;
	background: #dcfce7;
	color: #15803d;
	border-radius: 4px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .2px;
}

/* ── BLOCKS CART — total saving row ─────────────────────────────────────── */

.wsk-blocks-saving {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 0;
	margin-bottom: 4px;
	border-top: 1px dashed #bbf7d0;
	font-size: 14px;
	color: #15803d;
	font-weight: 600;
}

.wsk-blocks-saving__label {
	display: flex;
	align-items: center;
}

.wsk-blocks-saving__amount {
	color: #15803d;
	font-weight: 700;
}
