@charset "UTF-8";
/* Quotes — add-on-specifieke styling (componenten komen uit core wcp-components.css) */

/* ── Iconen (SVG-mask, self-contained) ── */
i.svg-icon__quotes, i.svg-icon__trash, i.svg-icon__pdf, i.svg-icon__cart, i.svg-icon__tooltip {
	line-height: 0;
}
i.svg-icon__quotes:before, i.svg-icon__trash:before, i.svg-icon__pdf:before, i.svg-icon__cart:before, i.svg-icon__tooltip:before {
	content: '';
	display: inline-block;
	width: 1em;
	height: 1em;
	mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center;
	background-color: currentColor;
}
i.svg-icon__quotes:before {
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M240-80q-50 0-85-35t-35-85v-120h120v-560h600v680q0 50-35 85t-85 35H240Zm480-80q17 0 28.5-11.5T760-200v-600H320v480h360v120q0 17 11.5 28.5T720-160ZM360-600v-80h360v80H360Zm0 120v-80h360v80H360ZM240-160h360v-80H200v40q0 17 11.5 28.5T240-160Zm0 0h-40 400-360Z'/%3E%3C/svg%3E");
}
i.svg-icon__trash:before {
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0z'/%3E%3Cpath d='M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4zM2.5 3h11V2h-11z'/%3E%3C/svg%3E");
}
i.svg-icon__pdf:before {
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M8.5 6.5a.5.5 0 0 0-1 0v3.793L6.354 9.146a.5.5 0 1 0-.708.708l2 2a.5.5 0 0 0 .708 0l2-2a.5.5 0 0 0-.708-.708L8.5 10.293z'/%3E%3Cpath d='M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2M9.5 3A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5z'/%3E%3C/svg%3E");
}
i.svg-icon__cart:before {
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M0 1.5A.5.5 0 0 1 .5 1H2a.5.5 0 0 1 .485.379L2.89 3H14.5a.5.5 0 0 1 .491.592l-1.5 8A.5.5 0 0 1 13 12H4a.5.5 0 0 1-.491-.408L2.01 3.607 1.61 2H.5a.5.5 0 0 1-.5-.5M3.102 4l1.313 7h8.17l1.313-7zM5 12a2 2 0 1 0 0 4 2 2 0 0 0 0-4m7 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4m-7 1a1 1 0 1 1 0 2 1 1 0 0 1 0-2m7 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2'/%3E%3C/svg%3E");
}
i.svg-icon__tooltip:before {
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286m1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94'/%3E%3C/svg%3E");
}

/* ── Detail/edit-layout ── */
.wcp-quote__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.5rem;
}
@media (min-width: 62rem) {
	.wcp-quote__grid { grid-template-columns: 5fr 7fr; gap: 3rem; }
	.wcp-quote__grid--half { grid-template-columns: 1fr 1fr; }
}
.wcp-quote__submit { grid-column: 1 / -1; }
.wcp-quote__card { margin-bottom: 1.5rem; }

/* meta-rijen (was row > col-6/col-6) */
.wcp-quote__meta-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
	padding: 0.5rem 0;
	border-bottom: 1px solid var(--wcp-color-border, #e5e7eb);
}
.wcp-quote__meta-row--last { border-bottom: 0; margin-bottom: 1.5rem; }
.wcp-quote__meta-label { font-weight: 500; }

.wcp-quote__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

/* offerteregels (was cart-item row col-9/col-3) */
.wcp-quote__line {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 0.5rem 0;
}
.wcp-quote__line-desc { margin: 0; font-weight: 500; }
.wcp-quote__line-desc a { color: inherit; }
.wcp-quote__line-price { text-align: right; white-space: nowrap; }

.wcp-quote__total {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin-top: 3rem;
	padding-top: 1.5rem;
	border-top: 1px solid var(--wcp-color-border, #e5e7eb);
}
.wcp-quote__total-label { margin: 0; }
.wcp-quote__total-label small { color: var(--wcp-color-muted, #6c757d); font-weight: 400; }

/* edit-formulier */
.wcp-quote__field-pair {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0 1rem;
}
@media (min-width: 36rem) {
	.wcp-quote__field-pair { grid-template-columns: 1fr 1fr; }
}
.wcp-quote__note { font-size: var(--wcp-font-size-sm, 0.875rem); }
.wcp-quote__repeater-item {
	display: flex;
	gap: 0.5rem;
	margin-bottom: 0.5rem;
}

/* order→offerte-card op de account-pagina */
.wcp-quote-convert { margin-top: 1.5rem; }
.wcp-quote-convert .wcp-btn { margin-bottom: 0.5rem; }
.wcp-quote-convert__note {
	margin: 0;
	font-size: var(--wcp-font-size-sm, 0.875rem);
	font-weight: var(--wcp-font-weight-bold, 700);
}

/* archief */
.wcp-quotes-archive__empty { margin: 0; font-weight: var(--wcp-font-weight-bold, 700); }