/* Chrome Delete® — cart button, slide-in cart, cart page, slim cart header and the dark checkout. Loaded on every page. */

:root {
	--_s1: var(--wp--preset--color--surface, #15171B);
	--_s2: var(--wp--preset--color--surface-2, #0F1114);
	--_bg: var(--wp--preset--color--base, #0B0C0E);
	--_line: var(--wp--preset--color--line, #2A2E35);
	--_soft: var(--wp--preset--color--line-soft, #1E2126);
	--_text: var(--wp--preset--color--text, #D7DBE1);
	--_strong: var(--wp--preset--color--text-strong, #F2F4F7);
	--_muted: var(--wp--preset--color--muted, #9AA1AB);
	--_cta: var(--wp--preset--color--cta, #F2F4F7);
	--_cta-t: var(--wp--preset--color--cta-text, #0B0C0E);
	--_ok: var(--wp--preset--color--ok, #6CCB78);
	--_display: var(--wp--preset--font-family--display, 'Barlow Condensed', 'Arial Narrow', sans-serif);
}

/* Buttons (same as shop.css, which isn't loaded on every page). */
.sc-drawer .sc-btn, .sc-cartpage .sc-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 52px; padding: 0 22px;
	border: 0; border-radius: 10px; background: var(--_cta); color: var(--_cta-t); font: inherit; font-weight: 600; font-size: 1rem;
	text-decoration: none; cursor: pointer; white-space: nowrap;
}
.sc-drawer .sc-btn:hover, .sc-cartpage .sc-btn:hover { filter: brightness(0.92); color: var(--_cta-t); }
.sc-drawer .sc-btn--block, .sc-cartpage .sc-btn--block { width: 100%; box-sizing: border-box; }
.sc-drawer .sc-btn-outline, .sc-cartpage .sc-btn-outline {
	display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 40px; padding: 0 14px;
	border: 1px solid var(--_strong); border-radius: 8px; background: transparent; color: var(--_strong); font: inherit; font-weight: 600; font-size: 0.8125rem;
	text-decoration: none; cursor: pointer; white-space: nowrap;
}
.sc-drawer .sc-btn-outline:hover, .sc-cartpage .sc-btn-outline:hover { background: var(--_strong); color: var(--_cta-t); }
.sc-drawer button:disabled, .sc-cartpage button:disabled { opacity: 0.5; cursor: progress; }
.sc-drawer .sc-muted, .sc-cartpage .sc-muted { color: var(--_muted); }
.sc-drawer :focus-visible, .sc-cartpage :focus-visible, .sc-cartbtn:focus-visible { outline: 2px solid var(--_strong); outline-offset: 2px; }
.sc-linkbtn { background: none; border: 0; padding: 0; color: var(--_muted); font: inherit; font-size: 0.75rem; text-decoration: underline; cursor: pointer; }

/* ---------- header cart button ---------- */
.sc-cartbtn { position: relative; display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; color: var(--_strong); text-decoration: none; }
.sc-cartbtn:hover { color: var(--_strong); opacity: 0.85; }
.sc-cartbtn__count {
	position: absolute; top: 4px; right: 2px; min-width: 18px; height: 18px; padding: 0 5px; box-sizing: border-box;
	border-radius: 9px; background: var(--_strong); color: var(--_cta-t); font-size: 0.6875rem; font-weight: 700; line-height: 18px; text-align: center;
	font-variant-numeric: tabular-nums;
}
.sc-cartbtn__count[hidden] { display: none; }

/* ---------- drawer ---------- */
html:has(.sc-drawer[open]) { overflow: hidden; }
.sc-drawer {
	position: fixed; inset: 0 0 0 auto; width: min(460px, 100vw); max-width: 100vw; height: 100%; max-height: 100%;
	margin: 0; padding: 0; border: 0; border-left: 1px solid var(--_line); background: var(--_bg); color: var(--_text);
	box-shadow: -20px 0 60px rgba(0, 0, 0, 0.5); font-size: 0.9375rem; line-height: 1.5;
	transform: translateX(100%);
	transition: transform 0.28s ease, overlay 0.28s ease allow-discrete, display 0.28s ease allow-discrete;
}
.sc-drawer[open] { transform: none; }
@starting-style { .sc-drawer[open] { transform: translateX(100%); } }
.sc-drawer::backdrop { background: rgba(6, 7, 9, 0); transition: background 0.28s ease, overlay 0.28s ease allow-discrete, display 0.28s ease allow-discrete; }
.sc-drawer[open]::backdrop { background: rgba(6, 7, 9, 0.72); }
@starting-style { .sc-drawer[open]::backdrop { background: rgba(6, 7, 9, 0); } }
@media (prefers-reduced-motion: reduce) {
	.sc-drawer, .sc-drawer::backdrop { transition: none; }
}
.sc-drawer [hidden] { display: none !important; }
.sc-drawer__panel { display: flex; flex-direction: column; height: 100%; }
.sc-drawer__head { display: flex; align-items: center; justify-content: space-between; padding: 14px 12px 14px 20px; border-bottom: 1px solid var(--_soft); }
.sc-drawer__head h2 { margin: 0; font-family: var(--_display); font-weight: 700; font-size: 1.625rem; line-height: 1.1; text-transform: uppercase; color: var(--_strong); }
.sc-drawer__count { font-family: inherit; font-size: 0.9375rem; font-weight: 500; text-transform: none; color: var(--_muted); }
.sc-drawer__close { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 0; border-radius: 8px; background: none; color: var(--_strong); cursor: pointer; }
.sc-drawer__close:hover { background: var(--_s1); }
.sc-drawer__added { margin: 0; padding: 10px 20px; background: rgba(108, 203, 120, 0.12); border-bottom: 1px solid var(--_soft); color: var(--_strong); font-size: 0.875rem; }
.sc-drawer .sc-shipbar { padding: 12px 20px; border-bottom: 1px solid var(--_soft); }
.sc-drawer__body { flex: 1; overflow-y: auto; overscroll-behavior: contain; padding: 16px 20px 20px; display: flex; flex-direction: column; gap: 16px; }
.sc-drawer__foot { padding: 14px 20px calc(16px + env(safe-area-inset-bottom, 0px)); background: var(--_s1); border-top: 1px solid var(--_line); display: flex; flex-direction: column; gap: 8px; }
.sc-drawer__row { display: flex; justify-content: space-between; gap: 12px; font-size: 0.875rem; }
.sc-drawer__row strong { color: var(--_strong); font-size: 1rem; font-variant-numeric: tabular-nums; }
.sc-drawer__foot .sc-cart__cta { margin-top: 4px; min-height: 54px; }
.sc-drawer__view { align-self: center; font-size: 0.8125rem; color: var(--_text); }

/* ---------- shared: ship bar, lines, upsells, trust ---------- */
.sc-shipbar p { margin: 0 0 6px; font-size: 0.8125rem; }
.sc-shipbar strong { color: var(--_strong); }
.sc-shipbar a { color: var(--_text); }
.sc-shipbar__track { height: 6px; border-radius: 3px; background: var(--_s1); overflow: hidden; }
.sc-shipbar__track span { display: block; height: 100%; width: 0; border-radius: 3px; background: var(--_ok); transition: width 0.3s ease; }
.sc-ok { color: var(--_ok); }
.sc-cart__loading, .sc-cart__error { margin: 0; font-size: 0.875rem; color: var(--_muted); }
.sc-cart__error { color: #F07B7B; }

.sc-lines { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 14px; }
.sc-line {
	display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; grid-template-areas: "img info total" "img qty qty";
	column-gap: 12px; row-gap: 6px; align-items: start;
}
.sc-line__img { grid-area: img; display: block; width: 64px; height: 64px; border-radius: 8px; overflow: hidden; background: var(--_s1); }
.sc-line__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sc-line__info { grid-area: info; display: flex; flex-direction: column; align-items: flex-start; gap: 1px; min-width: 0; }
.sc-line__name { color: var(--_strong); font-weight: 600; font-size: 0.875rem; line-height: 1.3; text-decoration: none; }
.sc-line__name:hover { text-decoration: underline; color: var(--_strong); }
.sc-line__meta { font-size: 0.75rem; color: var(--_muted); }
.sc-line__remove { background: none; border: 0; padding: 2px 0; color: var(--_muted); font: inherit; font-size: 0.75rem; text-decoration: underline; cursor: pointer; }
.sc-line__total { grid-area: total; color: var(--_strong); font-size: 0.875rem; font-variant-numeric: tabular-nums; white-space: nowrap; }
.sc-line__qty { grid-area: qty; font-size: 0.8125rem; color: var(--_muted); }
.sc-qty { grid-area: qty; display: inline-flex; align-items: center; width: max-content; border: 1px solid var(--_line); border-radius: 8px; }
.sc-qty button { width: 36px; height: 36px; border: 0; background: none; color: var(--_strong); font: inherit; font-size: 1.125rem; cursor: pointer; }
.sc-qty span { min-width: 26px; text-align: center; color: var(--_strong); font-weight: 600; font-variant-numeric: tabular-nums; }

.sc-ups { padding: 14px; border-radius: 12px; background: var(--_s1); border: 1px solid var(--_line); display: flex; flex-direction: column; gap: 10px; }
.sc-ups__head { display: flex; justify-content: space-between; align-items: baseline; }
.sc-ups__head h3 { margin: 0; font-family: inherit; font-size: 0.9375rem; font-weight: 600; text-transform: none; color: var(--_strong); }
.sc-ups__head span { font-size: 0.75rem; color: var(--_muted); }
.sc-ups ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.sc-uprow { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; gap: 10px; align-items: center; }
.sc-uprow img { width: 48px; height: 48px; border-radius: 8px; object-fit: cover; }
.sc-uprow > span { display: flex; flex-direction: column; font-size: 0.8125rem; line-height: 1.3; }
.sc-uprow strong { color: var(--_strong); }
.sc-uprow > span > span { color: var(--_muted); font-size: 0.75rem; }
.sc-ups__film a { font-size: 0.8125rem; color: var(--_strong); }

.sc-trusttiles { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.sc-trusttiles li { display: flex; flex-direction: column; gap: 6px; padding: 10px; border: 1px solid var(--_soft); border-radius: 10px; font-size: 0.75rem; line-height: 1.3; color: var(--_muted); }
.sc-trusttiles .sc-icon { color: var(--_strong); }
.sc-trusttiles strong { display: block; color: var(--_strong); font-size: 0.8125rem; }
.sc-cart__reviews { margin: 0; font-size: 0.8125rem; color: var(--_strong); }
.sc-cart__reviews .sc-stars, .sc-checklist .sc-stars, .sc-fc-aside .sc-stars { letter-spacing: 1px; color: var(--_strong); }
.sc-cart__reviews .sc-muted, .sc-checklist .sc-muted { color: var(--_muted); }
.sc-cart__help { margin: 0; display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; border-radius: 12px; border: 1px dashed #3A3F47; font-size: 0.8125rem; color: var(--_muted); }
.sc-cart__help .sc-icon { flex: none; color: var(--_strong); }
.sc-cart__help a { color: var(--_strong); }
.sc-cart__empty p { margin: 0 0 12px; }
.sc-cart__empty strong { color: var(--_strong); }
.sc-cart__empty-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.sc-paychips { list-style: none; margin: 4px 0 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; }
.sc-paychips li { font-size: 0.6875rem; padding: 3px 8px; border: 1px solid var(--_line); border-radius: 4px; color: var(--_text); }

/* ---------- slim header + footer (cart page) ---------- */
.sc-chead { border-bottom: 1px solid var(--_soft); background: var(--_bg); }
.sc-chead__row { min-height: 64px; gap: 12px; }
.sc-chead .wp-block-site-logo img { width: 120px; height: auto; }
.sc-chead__secure { display: none; align-items: center; gap: 8px; margin: 0; font-size: 0.8125rem; color: var(--_muted); }
.sc-chead__secure svg { color: var(--_ok); }
.sc-chead__back { margin: 0; font-size: 0.875rem; }
.sc-chead__back a { color: var(--_text); }
.sc-cfoot { padding-block: 24px 32px; border-top: 1px solid var(--_soft); font-size: 0.75rem; color: var(--_muted); }
.sc-cfoot p { margin: 0; }
.sc-cfoot a { color: var(--_muted); }
@media (min-width: 640px) {
	.sc-chead__row { min-height: 72px; }
	.sc-chead .wp-block-site-logo img { width: 150px; }
	.sc-chead__secure { display: flex; }
}

/* ---------- cart page ---------- */
.sc-cartpage-wrap { padding-block: 24px 48px; }
.sc-cartpage { display: grid; grid-template-columns: minmax(0, 1fr); gap: 28px; align-items: start; color: var(--_text); }
.sc-cartpage [hidden] { display: none !important; }
.sc-cartpage__main { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.sc-cartpage__title { margin: 0; font-family: var(--_display); font-weight: 700; font-size: clamp(2.25rem, 6vw, 3rem); line-height: 1; text-transform: uppercase; color: var(--_strong); }
.sc-cartpage__h2 { margin: 0; font-family: var(--_display); font-weight: 700; font-size: 1.5rem; text-transform: uppercase; color: var(--_strong); }
.sc-cartpage__added { margin: 0; padding: 10px 14px; border-radius: 10px; background: rgba(108, 203, 120, 0.12); color: var(--_strong); font-size: 0.875rem; }
.sc-shipbar--boxed { padding: 12px 16px; border-radius: 12px; background: var(--_s1); border: 1px solid var(--_line); }
.sc-shipbar--boxed p { font-size: 0.875rem; }
.sc-shipbar--boxed .sc-shipbar__track { background: var(--_s2); }
.sc-lines--page { gap: 0; border: 1px solid var(--_line); border-radius: 12px; overflow: hidden; }
.sc-lines--page .sc-line { padding: 14px; border-bottom: 1px solid var(--_soft); grid-template-columns: 72px minmax(0, 1fr) auto; }
.sc-lines--page .sc-line:last-child { border-bottom: 0; }
.sc-lines--page .sc-line__img { width: 72px; height: 72px; border-radius: 10px; }
.sc-lines--page .sc-line__name { font-size: 1rem; }
.sc-lines--page .sc-line__meta { font-size: 0.8125rem; }
.sc-lines--page .sc-line__total { font-size: 1rem; }
.sc-ups--page { padding: 0; background: none; border: 0; gap: 12px; margin-top: 8px; }
.sc-ups--page ul { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px; } /* auto-fill: a single card keeps its column width */
.sc-upcard { border-radius: 12px; overflow: hidden; background: var(--_s1); border: 1px solid var(--_line); display: flex; flex-direction: column; }
.sc-upcard img { width: 100%; height: auto; aspect-ratio: 2 / 1; object-fit: cover; display: block; }
.sc-upcard > div { padding: 12px; display: flex; flex-direction: column; gap: 6px; flex: 1; }
.sc-upcard strong { color: var(--_strong); }
.sc-upcard > div > span { font-size: 0.8125rem; color: var(--_muted); }
.sc-upcard__foot { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-top: auto; padding-top: 4px; }
.sc-ups--page .sc-ups__film { grid-column: 1 / -1; }

.sc-cartpage__aside { display: flex; flex-direction: column; gap: 14px; }
.sc-sumcard { padding: 20px; border-radius: 14px; background: var(--_s1); border: 1px solid var(--_line); display: flex; flex-direction: column; gap: 12px; }
.sc-sumcard__row { display: flex; justify-content: space-between; gap: 12px; font-size: 0.875rem; font-variant-numeric: tabular-nums; }
.sc-sumcard__row > span:last-child { color: var(--_strong); text-align: right; }
.sc-sumcard__coupons { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.sc-sumcard__coupons li { display: flex; justify-content: space-between; gap: 8px; font-size: 0.875rem; color: var(--_ok); }
.sc-sumcard__coupons strong { color: var(--_strong); }
.sc-coupon { border-top: 1px solid var(--_line); padding-top: 10px; font-size: 0.875rem; }
.sc-coupon summary { cursor: pointer; }
.sc-coupon__form { display: flex; gap: 8px; margin-top: 10px; }
.sc-coupon__form input { flex: 1; min-width: 0; min-height: 44px; box-sizing: border-box; padding: 0 12px; border-radius: 8px; border: 1px solid var(--_line); background: var(--_s2); color: var(--_strong); font: inherit; font-size: 16px; text-transform: uppercase; }
.sc-coupon__form .sc-btn-outline { min-height: 44px; }
.sc-sumcard__total { display: flex; justify-content: space-between; padding-top: 10px; border-top: 1px solid var(--_line); font-size: 1.125rem; color: var(--_strong); font-variant-numeric: tabular-nums; }
.sc-sumcard__tax { margin-top: -8px; font-size: 0.75rem; }
.sc-sumcard .sc-cart__cta { min-height: 56px; font-size: 1.0625rem; }
.sc-checklist { list-style: none; margin: 0; padding: 0 4px; display: grid; gap: 8px; font-size: 0.875rem; }
.sc-checklist li { display: flex; gap: 8px; align-items: center; }
.sc-checklist .sc-icon { color: var(--_ok); flex: none; }
.sc-checklist__reviews { color: var(--_strong); }
/* Phone: summary straight after the products, extras below it as compact rows. */
@media (max-width: 999px) {
	.sc-cartpage { display: flex; flex-direction: column; gap: 16px; }
	.sc-cartpage__main { display: contents; }
	.sc-cartpage__aside { order: 1; }
	.sc-ups--page { order: 2; }
}
@media (max-width: 699px) {
	.sc-ups--page ul { grid-template-columns: minmax(0, 1fr); }
	.sc-upcard { display: grid; grid-template-columns: 88px minmax(0, 1fr); }
	.sc-upcard img { height: 100%; aspect-ratio: auto; min-height: 88px; }
	.sc-upcard > div { padding: 10px 12px; gap: 2px; }
	.sc-upcard > div > span { font-size: 0.75rem; }
}
@media (min-width: 700px) {
	.sc-lines--page .sc-line { grid-template-columns: 88px minmax(0, 1fr) 140px 100px; grid-template-areas: "img info qty total"; align-items: center; column-gap: 16px; padding: 16px; }
	.sc-lines--page .sc-line__img { width: 88px; height: 88px; }
	.sc-lines--page .sc-line__total { text-align: right; }
	.sc-lines--page .sc-qty button { width: 40px; height: 40px; }
}
@media (min-width: 1000px) {
	.sc-cartpage-wrap { padding-block: 36px 64px; }
	.sc-cartpage { grid-template-columns: minmax(0, 1fr) 400px; gap: 40px; }
	.sc-cartpage__aside { position: sticky; top: 24px; }
}

/* ======================================================================
 * Checkout (Fluid Checkout, dark). Colours come from fc_css_variables (includes/cart.php);
 * these rules set the page and panel surfaces and our own additions.
 * ==================================================================== */
body.woocommerce-checkout { background: var(--_bg); color: var(--_text); }
body.woocommerce-checkout .fc-checkout-header { background: var(--_bg); border-bottom: 1px solid var(--_soft); box-shadow: none; }
body.woocommerce-checkout .fc-checkout-header .custom-logo, body.woocommerce-checkout .fc-checkout-header img { filter: none; }
.sc-fc-secure { display: flex; align-items: center; gap: 6px; margin: 0; font-size: 0.75rem; color: var(--_muted); white-space: nowrap; }
.sc-fc-secure .sc-icon { color: var(--_ok); }
.sc-fc-secure__long { display: none; }
@media (min-width: 1000px) {
	.sc-fc-secure { font-size: 0.8125rem; }
	.sc-fc-secure__long { display: inline; }
}
/* Discount code on the checkout: one quiet "▸ Kortingscode toevoegen" line, like the cart page (cart.php). */
body.woocommerce-checkout tr.coupon-code-form td { padding-top: 8px; padding-bottom: 8px; }
body.woocommerce-checkout div.woocommerce .fc-expansible-form-section.fc-coupon_code__collapsible .expansible-section__toggle-plus { margin: 0; padding-left: 16px; font-size: 0.8125rem; font-weight: 400; color: var(--_muted); text-decoration: none; }
body.woocommerce-checkout div.woocommerce .fc-expansible-form-section.fc-coupon_code__collapsible .expansible-section__toggle-plus::before { content: "\25B8"; font-family: inherit !important; font-size: 0.75rem; width: auto; height: auto; left: 0; }
body.woocommerce-checkout div.woocommerce .fc-expansible-form-section.fc-coupon_code__collapsible .expansible-section__toggle-plus:hover { color: var(--_text); }
body.woocommerce-checkout .fc-coupon-code-section { display: flex; gap: 8px; align-items: flex-start; }
body.woocommerce-checkout .fc-coupon-code-section .form-row { flex: 1; min-width: 0; margin: 0; }
body.woocommerce-checkout .fc-coupon-code-section input { text-transform: uppercase; }
/* Brevo (brevo.php): the cart-reminder consent under the e-mail address, the post-purchase notice before the order button. */
body.woocommerce-checkout .sc-cart-reminder label, body.woocommerce-checkout .sc-tips-notice { font-size: 0.8125rem; line-height: 1.5; color: var(--_muted); }
body.woocommerce-checkout .sc-cart-reminder label { display: flex; gap: 8px; align-items: flex-start; }
body.woocommerce-checkout .sc-cart-reminder input[type="checkbox"] { flex: none; margin-top: 3px; }
body.woocommerce-checkout .sc-tips-notice { margin: 0 0 12px; }
body.woocommerce-checkout .sc-tips-notice p { margin: 0 0 6px; }
body.woocommerce-checkout .sc-tips-notice label { color: var(--_text); }
body.woocommerce-checkout .fc-checkout-step,
body.woocommerce-checkout .fc-checkout-order-review__inner,
body.woocommerce-checkout .fc-checkout-progress-bar,
body.woocommerce-checkout .fc-checkout-order-review { background-color: var(--_s1); border-color: var(--_line); }
body.woocommerce-checkout .fc-checkout-step { border-radius: 14px; }
body.woocommerce-checkout input.input-text, body.woocommerce-checkout select, body.woocommerce-checkout textarea,
body.woocommerce-checkout .select2-container .select2-selection { background-color: var(--_s2) !important; border-color: var(--_line) !important; color: var(--_strong) !important; border-radius: 10px !important; }
body.woocommerce-checkout a { color: var(--_strong); }
body.woocommerce-checkout button[type="submit"], body.woocommerce-checkout .fc-step__next-step, body.woocommerce-checkout #place_order {
	background: var(--_cta) !important; color: var(--_cta-t) !important; border: 0 !important; border-radius: 12px !important; font-weight: 600 !important; min-height: 54px;
}
body.woocommerce-checkout .payment_methods li img { background: #fff; border-radius: 4px; padding: 2px; }

/* Offer row in the order summary: never pre-ticked. */
.sc-bump-row td { padding: 10px 0 !important; border: 0 !important; }
.sc-bump { display: grid; grid-template-columns: 20px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 12px; border-radius: 10px; border: 1px dashed #3A3F47; font-size: 0.8125rem; line-height: 1.35; cursor: pointer; }
.sc-bump:has(input:checked) { border-style: solid; border-color: var(--_ok); background: rgba(108, 203, 120, 0.08); }
.sc-bump input { width: 18px; height: 18px; margin: 0; accent-color: var(--_ok); }
.sc-bump__text strong { display: block; color: var(--_strong); font-size: 0.875rem; }
.sc-bump__text span { color: var(--_muted); }
.sc-bump__price { color: var(--_strong); font-weight: 600; white-space: nowrap; font-variant-numeric: tabular-nums; }
.sc-bump[aria-busy] { opacity: 0.6; }

.sc-fc-aside { display: grid; gap: 12px; margin-top: 14px; font-size: 0.8125rem; color: var(--_muted); }
.sc-fc-aside p { margin: 0; }
.sc-fc-aside__box { padding: 14px; border-radius: 12px; background: var(--_s2); border: 1px solid var(--_soft); display: grid; gap: 4px; }
.sc-fc-aside__box p:first-child { color: var(--_strong); }
.sc-fc-aside__fine { font-size: 0.6875rem; color: #7D848E; }
.sc-fc-aside__help { padding: 12px 14px; border-radius: 12px; border: 1px dashed #3A3F47; }
.sc-fc-aside .sc-checkout-trust { margin: 0; }
@media (min-width: 1000px) {
	.sc-fc-aside .sc-checkout-trust { display: none; } /* desktop: the same list sits under "Bestelling plaatsen" */
}
/* Mobile, last step (Marek, 2026-10-04): the summary sits under the payment methods, and the cart button in
   the header opens the full overview. Here only the offer, the total (it must show right before ordering)
   and the button; the reassurance list once, under the button. */
@media (max-width: 999px) {
	/* Fluid Checkout's own selectors are long (div.woocommerce .fc-wrapper #order_review …): match them. */
	body.woocommerce-checkout.fc-checkout-step-current-last:not(.has-flyout--open) div.woocommerce .fc-wrapper .fc-checkout-order-review__head,
	body.woocommerce-checkout.fc-checkout-step-current-last:not(.has-flyout--open) div.woocommerce .fc-wrapper #order_review .cart_item,
	body.woocommerce-checkout.fc-checkout-step-current-last:not(.has-flyout--open) div.woocommerce .fc-wrapper #order_review tfoot tr:not(.order-total),
	body.woocommerce-checkout.fc-checkout-step-current-last div.woocommerce .fc-wrapper .sc-fc-aside .sc-checkout-trust { display: none; }
}
.sc-fc-aside a { color: var(--_strong); }
.sc-checkout-trust { list-style: none; margin: 14px 0 0; padding: 0; display: grid; gap: 8px; font-size: 0.8125rem; color: var(--_text); }
.sc-checkout-trust li { display: flex; gap: 8px; align-items: center; }
.sc-checkout-trust .sc-icon { color: var(--_ok); flex: none; }

/* Backorder: a quiet amber tag + a note (the order arrives in two parts). */
.sc-bo-tag { display: inline-flex; align-items: center; width: max-content; max-width: 100%; margin-top: 3px; padding: 1px 6px; border-radius: 4px; border: 1px solid rgba(255, 177, 92, 0.45); color: #FFC98E; font-size: 0.6875rem; line-height: 1.5; }
.sc-cart__bo, .sc-bo-notice { margin: 0; padding: 10px 12px; border-radius: 10px; background: rgba(255, 177, 92, 0.08); border: 1px solid rgba(255, 177, 92, 0.3); color: #F2D9BD; font-size: 0.8125rem; }
.sc-checkout-trust .sc-checkout-trust__bo .sc-icon { color: #FFB15C; }
.woocommerce-checkout-review-order-table .sc-bo-tag { display: flex; }