/* ═══════════════ bijpip — woocommerce.css ═══════════════
   Laag 5. Alles wat WooCommerce zelf rendert: winkelwagen, afrekenen, account,
   meldingen, paginatie, formulieren. Geen !important in deze laag —
   we winnen op specificiteit door de eigen wrapper EN de shortcode-div
   (.woocommerce / form.checkout) in de keten op te nemen.
   ════════════════════════════════════════════════════════ */

/* ───────── Gedeelde wrapper ───────── */
.bijpip-wcpage { display: block; }
.bijpip-wcpage .wrap--wc { padding-bottom: 80px; }

/* WooCommerce's eigen .woocommerce-div is de echte gridouder (§46).
   Alles wat we er niet in willen zien, krijgt display:contents. */
.bijpip-wcpage .woocommerce-notices-wrapper { display: block; }
.bijpip-wcpage .wc-order-attribution-inputs,
.bijpip-wcpage .woocommerce-privacy-policy-text:empty { display: none; }

/* ───────── Meldingen ───────── */
.bijpip-wcpage .woocommerce-message,
.bijpip-wcpage .woocommerce-info,
.bijpip-wcpage .woocommerce-error,
.bijpip-wcpage .woocommerce-notice {
  list-style: none;
  margin: 0 0 22px;
  padding: 14px 18px;
  background: var(--cream);
  border: 1px solid var(--line-wine);
  border-left: 2px solid var(--wine);
  border-radius: var(--r);
  font-size: 14px;
  line-height: 1.6;
  color: var(--ink);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 16px;
}
.bijpip-wcpage .woocommerce-error {
  background: #fdf1f1;
  border-left-color: #b3303a;
}
.bijpip-wcpage .woocommerce-message::before,
.bijpip-wcpage .woocommerce-info::before,
.bijpip-wcpage .woocommerce-error::before { content: none; }
.bijpip-wcpage .woocommerce-message .button,
.bijpip-wcpage .woocommerce-info .button { margin-left: auto; }

/* ───────── Knoppen: altijd het thema, nooit Woo-paars ───────── */
.bijpip-wcpage .woocommerce a.button,
.bijpip-wcpage .woocommerce button.button,
.bijpip-wcpage .woocommerce input.button,
.bijpip-wcpage .woocommerce a.button.alt,
.bijpip-wcpage .woocommerce button.button.alt,
.bijpip-wcpage .woocommerce input.button.alt,
.bijpip-wcpage .woocommerce #respond input#submit,
.bijpip-wcpage form.checkout button.button.alt,
.bijpip-wcpage .woocommerce-message a.button {
  appearance: none;
  -webkit-appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 46px;
  padding: 0 24px;
  border: 1px solid var(--wine);
  border-radius: var(--r);
  background: var(--wine);
  color: #fff;
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 1;
  cursor: pointer;
  transition: background 0.25s var(--ease), color 0.25s var(--ease);
}
.bijpip-wcpage .woocommerce a.button:hover,
.bijpip-wcpage .woocommerce button.button:hover,
.bijpip-wcpage .woocommerce input.button:hover,
.bijpip-wcpage .woocommerce a.button.alt:hover,
.bijpip-wcpage .woocommerce button.button.alt:hover,
.bijpip-wcpage .woocommerce input.button.alt:hover,
.bijpip-wcpage form.checkout button.button.alt:hover {
  background: #6f2b45;
  border-color: #6f2b45;
  color: #fff;
}
.bijpip-wcpage .woocommerce button.button:disabled,
.bijpip-wcpage .woocommerce button.button[disabled] {
  opacity: 0.45;
  cursor: not-allowed;
}
.bijpip-wcpage .woocommerce a.button--ghost,
.bijpip-wcpage .woocommerce button.button.bijpip-ghost {
  background: transparent;
  color: var(--wine);
}

/* ───────── Formuliervelden ───────── */
.bijpip-wcpage .woocommerce form .form-row,
.bijpip-wcpage form.checkout .form-row { margin: 0 0 14px; padding: 0; display: block; }
.bijpip-wcpage .woocommerce form .form-row label,
.bijpip-wcpage form.checkout .form-row label {
  display: block;
  margin-bottom: 6px;
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--muted);
}
.bijpip-wcpage .woocommerce form .form-row .required { color: var(--wine); text-decoration: none; }
.bijpip-wcpage input[type="text"],
.bijpip-wcpage input[type="email"],
.bijpip-wcpage input[type="tel"],
.bijpip-wcpage input[type="password"],
.bijpip-wcpage input[type="number"],
.bijpip-wcpage input[type="search"],
.bijpip-wcpage textarea,
.bijpip-wcpage select,
.bijpip-wcpage .select2-container .select2-selection--single {
  width: 100%;
  min-height: 46px;
  padding: 11px 14px;
  border: 1px solid var(--line);
  border-radius: var(--r);
  background: #fff;
  font-family: var(--font-body);
  font-size: 14px;
  color: var(--ink);
  outline: none;
}
.bijpip-wcpage textarea { min-height: 110px; line-height: 1.6; resize: vertical; }
.bijpip-wcpage input:focus,
.bijpip-wcpage textarea:focus,
.bijpip-wcpage select:focus { border-color: var(--wine); }
.bijpip-wcpage .select2-container .select2-selection--single {
  display: flex;
  align-items: center;
}
.bijpip-wcpage .select2-container--default .select2-selection--single .select2-selection__arrow { height: 44px; }

/* ───────── Winkelwagen ───────── */
.bijpip-wcpage--cart .woocommerce {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  align-items: start;
  gap: clamp(26px, 3vw, 48px);
}
.bijpip-wcpage--cart .woocommerce > .woocommerce-notices-wrapper {
  grid-column: 1 / -1;
  grid-row: 1;
}
.bijpip-wcpage--cart .woocommerce > form.woocommerce-cart-form {
  grid-column: 1;
  grid-row: 2;
  min-width: 0;
}
.bijpip-wcpage--cart .woocommerce > .cart-collaterals {
  grid-column: 2;
  grid-row: 2;
  min-width: 0;
  width: 100%;
}
.bijpip-wcpage--cart .woocommerce > .cart-empty,
.bijpip-wcpage--cart .woocommerce > .return-to-shop,
.bijpip-wcpage--cart .woocommerce > .wc-empty-cart-message { grid-column: 1 / -1; }

.bijpip-wcpage--cart .woocommerce-cart-form__contents {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.bijpip-wcpage--cart .woocommerce-cart-form__contents thead { display: none; }
.bijpip-wcpage--cart .woocommerce-cart-form__contents tr.woocommerce-cart-form__cart-item {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr) auto;
  align-items: center;
  gap: 4px 18px;
  padding: 18px 0;
  border-bottom: 1px solid var(--line);
}
.bijpip-wcpage--cart .woocommerce-cart-form__contents td {
  border: 0;
  padding: 0;
  min-width: 0;
}
.bijpip-wcpage--cart .woocommerce-cart-form__contents td.product-remove {
  grid-column: 3;
  grid-row: 1;
  justify-self: end;
}
.bijpip-wcpage--cart .woocommerce-cart-form__contents td.product-remove a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 1px solid var(--line);
  color: var(--muted);
  font-size: 14px;
  text-decoration: none;
  line-height: 1;
}
.bijpip-wcpage--cart .woocommerce-cart-form__contents td.product-remove a:hover {
  border-color: var(--wine);
  color: var(--wine);
}
.bijpip-wcpage--cart .woocommerce-cart-form__contents td.product-thumbnail {
  grid-column: 1;
  grid-row: 1 / span 2;
  display: block;
}
.bijpip-wcpage--cart .woocommerce-cart-form__contents td.product-thumbnail img {
  display: block;
  width: 92px;
  min-width: 92px;
  max-width: 92px;
  height: auto;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  border-radius: var(--r);
  background: var(--blush);
}
.bijpip-wcpage--cart .woocommerce-cart-form__contents td.product-name {
  grid-column: 2;
  grid-row: 1;
  font-family: var(--font-head);
  font-size: 17px;
  line-height: 1.3;
}
.bijpip-wcpage--cart .woocommerce-cart-form__contents td.product-name a {
  color: var(--ink);
  text-decoration: none;
}
.bijpip-wcpage--cart .woocommerce-cart-form__contents td.product-name a:hover { color: var(--wine); }
.bijpip-wcpage--cart .woocommerce-cart-form__contents td.product-name .variation {
  margin: 6px 0 0;
  font-family: var(--font-body);
  font-size: 12px;
  color: var(--muted);
}
.bijpip-wcpage--cart .woocommerce-cart-form__contents td.product-name .variation dt,
.bijpip-wcpage--cart .woocommerce-cart-form__contents td.product-name .variation dd {
  display: inline;
  margin: 0;
}
.bijpip-wcpage--cart .woocommerce-cart-form__contents td.product-price { display: none; }
.bijpip-wcpage--cart .woocommerce-cart-form__contents td.product-quantity {
  grid-column: 2;
  grid-row: 2;
  padding-top: 8px;
}
.bijpip-wcpage--cart .woocommerce-cart-form__contents td.product-subtotal {
  grid-column: 3;
  grid-row: 2;
  justify-self: end;
  font-size: 15px;
  font-weight: 500;
  color: var(--wine);
}
.bijpip-wcpage--cart .woocommerce-cart-form__contents .quantity input.qty {
  width: 78px;
  min-width: 78px;
  min-height: 38px;
  text-align: center;
}
.bijpip-wcpage--cart .woocommerce-cart-form__contents tr:last-child td {
  padding-top: 18px;
}
.bijpip-wcpage--cart .woocommerce-cart-form__contents td.actions {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  padding-top: 18px;
}
.bijpip-wcpage--cart .woocommerce-cart-form__contents td.actions .coupon {
  display: flex;
  gap: 8px;
  flex: 1 1 260px;
  min-width: 0;
}
.bijpip-wcpage--cart .woocommerce-cart-form__contents td.actions .coupon label { display: none; }
.bijpip-wcpage--cart .woocommerce-cart-form__contents td.actions .coupon input { max-width: 220px; }
.bijpip-wcpage--cart .woocommerce-cart-form__contents tr.actions { border-bottom: 0; }

.bijpip-wcpage--cart .cart_totals {
  padding: 24px;
  background: var(--cream);
  border: 1px solid var(--line-wine);
  border-radius: var(--r);
}
.bijpip-wcpage--cart .cart_totals > h2 {
  margin: 0 0 14px;
  font-size: 19px;
}
.bijpip-wcpage--cart .cart_totals table.shop_table {
  width: 100%;
  border: 0;
  border-collapse: collapse;
  font-size: 14px;
}
.bijpip-wcpage--cart .cart_totals table.shop_table th,
.bijpip-wcpage--cart .cart_totals table.shop_table td {
  border: 0;
  border-bottom: 1px solid var(--line);
  padding: 10px 0;
  text-align: left;
}
.bijpip-wcpage--cart .cart_totals table.shop_table th {
  font-weight: 400;
  color: var(--muted);
  font-size: 13px;
  width: 50%;
}
.bijpip-wcpage--cart .cart_totals table.shop_table td { text-align: right; }
.bijpip-wcpage--cart .cart_totals tr.order-total th,
.bijpip-wcpage--cart .cart_totals tr.order-total td {
  border-bottom: 0;
  padding-top: 14px;
  font-size: 17px;
  color: var(--ink);
}
.bijpip-wcpage--cart .cart_totals tr.order-total td strong { color: var(--wine); }
.bijpip-wcpage--cart .cart_totals tr.order-total .includes_tax {
  display: block;
  font-size: 11px;
  font-weight: 400;
  color: var(--muted);
}
.bijpip-wcpage--cart .cart_totals .wc-proceed-to-checkout { margin-top: 18px; padding: 0; }
.bijpip-wcpage--cart .cart_totals .wc-proceed-to-checkout a.checkout-button {
  width: 100%;
  min-width: 100%;
}
.bijpip-wcpage--cart .cart_totals .woocommerce-shipping-destination,
.bijpip-wcpage--cart .cart_totals .shipping-calculator-button { font-size: 12px; color: var(--muted); }
/* Een rauwe <tr> van een totalen-plugin kan hier nooit terechtkomen:
   bijpip_normalise_totals_row() in inc/woo-hooks.php zet die om naar een div. */
.bijpip-wcpage--cart .cart_totals .bijpip-totals-extra {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid var(--line);
  font-size: 13px;
}

/* ───────── Afrekenen ───────── */
.bijpip-wcpage--checkout .woocommerce { display: block; }
.bijpip-wcpage--checkout form.checkout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 400px;
  align-items: start;
  gap: clamp(26px, 3vw, 48px);
}
.bijpip-wcpage--checkout form.checkout > #customer_details {
  grid-column: 1;
  grid-row: 1;
  min-width: 0;
}
.bijpip-wcpage--checkout form.checkout > h3#order_review_heading {
  grid-column: 2;
  grid-row: 1;
  margin: 0 0 14px;
  font-size: 19px;
}
.bijpip-wcpage--checkout form.checkout > #order_review {
  grid-column: 2;
  grid-row: 2;
  min-width: 0;
  padding: 24px;
  background: var(--cream);
  border: 1px solid var(--line-wine);
  border-radius: var(--r);
}
.bijpip-wcpage--checkout form.checkout > #customer_details { grid-row: 1 / span 2; }
.bijpip-wcpage--checkout #customer_details .col2-set { display: block; }
.bijpip-wcpage--checkout #customer_details .col-1,
.bijpip-wcpage--checkout #customer_details .col-2 { width: 100%; float: none; }
.bijpip-wcpage--checkout #customer_details h3 { font-size: 19px; margin: 0 0 14px; }
.bijpip-wcpage--checkout #customer_details .col-2 h3 { margin-top: 30px; }
.bijpip-wcpage--checkout .woocommerce-additional-fields { margin-top: 26px; }
.bijpip-wcpage--checkout table.woocommerce-checkout-review-order-table {
  width: 100%;
  border: 0;
  border-collapse: collapse;
  font-size: 14px;
}
.bijpip-wcpage--checkout table.woocommerce-checkout-review-order-table th,
.bijpip-wcpage--checkout table.woocommerce-checkout-review-order-table td {
  border: 0;
  border-bottom: 1px solid var(--line);
  padding: 10px 0;
  text-align: left;
}
.bijpip-wcpage--checkout table.woocommerce-checkout-review-order-table td.product-total,
.bijpip-wcpage--checkout table.woocommerce-checkout-review-order-table tfoot td { text-align: right; }
.bijpip-wcpage--checkout table.woocommerce-checkout-review-order-table thead th {
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--muted);
  font-weight: 400;
}
.bijpip-wcpage--checkout table.woocommerce-checkout-review-order-table tfoot th {
  font-weight: 400;
  color: var(--muted);
}
.bijpip-wcpage--checkout table.woocommerce-checkout-review-order-table tfoot tr.order-total th,
.bijpip-wcpage--checkout table.woocommerce-checkout-review-order-table tfoot tr.order-total td {
  border-bottom: 0;
  font-size: 17px;
  color: var(--ink);
  padding-top: 14px;
}
.bijpip-wcpage--checkout .woocommerce-checkout-payment {
  margin-top: 18px;
  background: transparent;
  border-radius: var(--r);
}
.bijpip-wcpage--checkout .woocommerce-checkout-payment ul.payment_methods {
  list-style: none;
  margin: 0 0 16px;
  padding: 0;
  border: 0;
}
.bijpip-wcpage--checkout .woocommerce-checkout-payment ul.payment_methods li {
  margin: 0 0 8px;
  padding: 12px 14px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--r);
  font-size: 14px;
}
.bijpip-wcpage--checkout .woocommerce-checkout-payment ul.payment_methods li label { display: inline; }
.bijpip-wcpage--checkout .woocommerce-checkout-payment .payment_box {
  margin: 10px 0 0;
  padding: 10px 0 0;
  background: transparent;
  font-size: 13px;
  color: var(--muted);
  border-top: 1px solid var(--line);
}
.bijpip-wcpage--checkout .woocommerce-checkout-payment .payment_box::before { content: none; }
.bijpip-wcpage--checkout .woocommerce-checkout-payment .form-row.place-order { margin: 0; }
.bijpip-wcpage--checkout .woocommerce-checkout-payment #place_order {
  width: 100%;
  min-width: 100%;
  height: 52px;
}
.bijpip-wcpage--checkout .woocommerce-terms-and-conditions-wrapper { font-size: 12px; color: var(--muted); }

/* ───────── Account ───────── */
.bijpip-wcpage--account .woocommerce {
  display: grid;
  grid-template-columns: 236px minmax(0, 1fr);
  align-items: start;
  gap: clamp(26px, 3vw, 48px);
}
.bijpip-wcpage--account .woocommerce > .woocommerce-notices-wrapper { grid-column: 1 / -1; grid-row: 1; }
.bijpip-wcpage--account .woocommerce > nav.woocommerce-MyAccount-navigation { grid-column: 1; grid-row: 2; min-width: 0; }
.bijpip-wcpage--account .woocommerce > .woocommerce-MyAccount-content { grid-column: 2; grid-row: 2; min-width: 0; }
/* Niet ingelogd: Woo rendert alleen formulieren, geen navigatie. */
.bijpip-wcpage--account .woocommerce > h2,
.bijpip-wcpage--account .woocommerce > form.woocommerce-form-login,
.bijpip-wcpage--account .woocommerce > form.woocommerce-form-register,
.bijpip-wcpage--account .woocommerce > .u-columns,
.bijpip-wcpage--account .woocommerce > .woocommerce-form-login,
.bijpip-wcpage--account .woocommerce > .woocommerce-ResetPassword { grid-column: 1 / -1; }

.bijpip-wcpage--account nav.woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 2px;
}
.bijpip-wcpage--account nav.woocommerce-MyAccount-navigation ul li a {
  display: block;
  padding: 10px 12px;
  border-radius: var(--r);
  font-size: 13px;
  color: var(--muted);
  text-decoration: none;
  transition: background 0.2s var(--ease), color 0.2s var(--ease);
}
.bijpip-wcpage--account nav.woocommerce-MyAccount-navigation ul li a:hover { background: var(--cream); color: var(--ink); }
.bijpip-wcpage--account nav.woocommerce-MyAccount-navigation ul li.is-active a {
  background: var(--blush);
  color: var(--wine);
}
.bijpip-wcpage--account .woocommerce-MyAccount-content > p:first-child { margin-top: 0; }
.bijpip-wcpage--account .u-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(20px, 3vw, 44px); }
.bijpip-wcpage--account .u-columns .col-1,
.bijpip-wcpage--account .u-columns .col-2 { width: 100%; float: none; }
.bijpip-wcpage--account form.woocommerce-form-login,
.bijpip-wcpage--account form.woocommerce-form-register {
  padding: 24px;
  background: var(--cream);
  border: 1px solid var(--line-wine);
  border-radius: var(--r);
}
.bijpip-wcpage--account .woocommerce-form-login__rememberme { font-size: 12px; color: var(--muted); }
.bijpip-wcpage--account .woocommerce-LostPassword { font-size: 12px; }

/* ───────── Ordertabellen (account + bedankt) ───────── */
.bijpip-wcpage table.shop_table,
.bijpip-wcpage table.woocommerce-orders-table,
.bijpip-wcpage table.woocommerce-table--order-details {
  width: 100%;
  border: 1px solid var(--line);
  border-collapse: collapse;
  border-radius: var(--r);
  font-size: 14px;
  overflow: hidden;
}
.bijpip-wcpage table.shop_table th,
.bijpip-wcpage table.shop_table td {
  padding: 11px 14px;
  border-bottom: 1px solid var(--line);
  text-align: left;
}
.bijpip-wcpage table.shop_table thead th {
  background: var(--cream);
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-weight: 400;
  color: var(--muted);
}
.bijpip-wcpage ul.woocommerce-order-overview {
  list-style: none;
  margin: 0 0 26px;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 2px;
  border: 1px solid var(--line);
  border-radius: var(--r);
  overflow: hidden;
}
.bijpip-wcpage ul.woocommerce-order-overview li {
  padding: 14px 16px;
  background: var(--cream);
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--muted);
}
.bijpip-wcpage ul.woocommerce-order-overview li strong {
  display: block;
  margin-top: 6px;
  font-family: var(--font-head);
  font-size: 16px;
  letter-spacing: 0;
  text-transform: none;
  color: var(--ink);
}
.bijpip-wcpage .woocommerce-customer-details { margin-top: 30px; }
.bijpip-wcpage .woocommerce-columns--addresses { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 24px; }
.bijpip-wcpage .woocommerce-columns--addresses .col-1,
.bijpip-wcpage .woocommerce-columns--addresses .col-2 { width: 100%; float: none; }

/* ───────── Paginatie (archief) ───────── */
.bijpip-pagination { margin: 42px 0 0; }
.bijpip-pagination ul.page-numbers,
.bijpip-pagination .page-numbers {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: center;
}
.bijpip-pagination .page-numbers li { list-style: none; }
.bijpip-pagination a.page-numbers,
.bijpip-pagination span.page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 38px;
  padding: 0 10px;
  border: 1px solid var(--line);
  border-radius: var(--r);
  font-size: 13px;
  color: var(--ink);
  text-decoration: none;
}
.bijpip-pagination a.page-numbers:hover { border-color: var(--wine); color: var(--wine); }
.bijpip-pagination span.page-numbers.current {
  background: var(--wine);
  border-color: var(--wine);
  color: #fff;
}

/* ───────── PDP: koopblok vol breed (§28) ───────── */
.pd__info .buy-form,
.pd__info .pd__opts,
.pd__info .pd__buy,
.pd__info .pd__price,
.pd__info .pd__facts,
.pd__info .acc,
.pd__info .giftnote,
.pd__info .opt { width: 100%; }
.pd__atc,
button.pd__atc {
  display: flex;
  width: 100%;
  min-width: 100%;
  flex: 1 1 auto;
}
.bijpip-swatches .is-disabled {
  opacity: 0.4;
  cursor: not-allowed;
  text-decoration: line-through;
}
/* Native <select> van Woo: visueel verbergen, NIET display:none (§6/1). */
.bijpip-var-select {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
  opacity: 0;
  pointer-events: none;
}
.bijpip-reset-variations {
  display: inline-block;
  margin-top: 8px;
  font-size: 12px;
  color: var(--muted);
}

/* ───────── Woo-hook-regio's: nooit direct kind van een grid (§56) ───────── */
.bijpip-hookwrap { min-width: 0; grid-column: 1 / -1; }
.bijpip-archive__main { min-width: 0; }

/* ───────── Reviews ───────── */
#reviews { margin-top: 10px; }
#reviews .commentlist { list-style: none; margin: 0; padding: 0; }
#reviews .commentlist li { padding: 16px 0; border-bottom: 1px solid var(--line); }
#reviews .comment-text { font-size: 14px; line-height: 1.7; color: var(--muted); }
#reviews .star-rating { color: var(--wine); }
#review_form_wrapper { margin-top: 22px; }
#review_form_wrapper .comment-form-rating label { margin-bottom: 6px; }

@media (max-width: 1100px) {
  .bijpip-wcpage--cart .woocommerce,
  .bijpip-wcpage--checkout form.checkout {
    grid-template-columns: minmax(0, 1fr);
  }
  .bijpip-wcpage--cart .woocommerce > form.woocommerce-cart-form,
  .bijpip-wcpage--cart .woocommerce > .cart-collaterals,
  .bijpip-wcpage--checkout form.checkout > #customer_details,
  .bijpip-wcpage--checkout form.checkout > h3#order_review_heading,
  .bijpip-wcpage--checkout form.checkout > #order_review { grid-column: 1; }
  .bijpip-wcpage--cart .woocommerce > form.woocommerce-cart-form { grid-row: 2; }
  .bijpip-wcpage--cart .woocommerce > .cart-collaterals { grid-row: 3; }
  .bijpip-wcpage--checkout form.checkout > #customer_details { grid-row: 1; }
  .bijpip-wcpage--checkout form.checkout > h3#order_review_heading { grid-row: 2; }
  .bijpip-wcpage--checkout form.checkout > #order_review { grid-row: 3; }
}

@media (max-width: 900px) {
  .bijpip-wcpage--account .woocommerce { grid-template-columns: minmax(0, 1fr); }
  .bijpip-wcpage--account .woocommerce > nav.woocommerce-MyAccount-navigation { grid-column: 1; grid-row: 2; }
  .bijpip-wcpage--account .woocommerce > .woocommerce-MyAccount-content { grid-column: 1; grid-row: 3; }
  .bijpip-wcpage--account nav.woocommerce-MyAccount-navigation ul {
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .bijpip-wcpage--account nav.woocommerce-MyAccount-navigation ul::-webkit-scrollbar { display: none; }
  .bijpip-wcpage--account .u-columns { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 640px) {
  .bijpip-wcpage--cart .woocommerce-cart-form__contents tr.woocommerce-cart-form__cart-item {
    grid-template-columns: 72px minmax(0, 1fr);
  }
  .bijpip-wcpage--cart .woocommerce-cart-form__contents td.product-thumbnail img {
    width: 72px;
    min-width: 72px;
    max-width: 72px;
  }
  .bijpip-wcpage--cart .woocommerce-cart-form__contents td.product-remove { grid-column: 2; grid-row: 3; justify-self: start; }
  .bijpip-wcpage--cart .woocommerce-cart-form__contents td.product-subtotal { grid-column: 2; grid-row: 2; justify-self: start; }
  .bijpip-wcpage--cart .woocommerce-cart-form__contents td.product-quantity { grid-column: 2; grid-row: 3; justify-self: end; }
}


/* ═══════════════════════════════════════════════════════════════════════════
   FASE 2 — SHOP- EN CATEGORIE-ARCHIEF (archive-product.php)
   Aanvulling op de conceptklassen die al in global.css staan (.shop,
   .filters, .toolbar, .chip, .grid, .empty). Alleen wat het concept niet
   had omdat het daar een statische mockup was. Geen clamp(), geen vw in
   fontgroottes.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Inhoudsband. .shop IS het layout-grid en kan geen extra wrapper krijgen
   zonder dat grid te breken, dus begrenzen we hem zelf: band + de eigen
   zijpadding, zodat de linkerrand precies uitkomt op de .band in .page-head. */
.shop {
  max-width: calc(var(--band) + var(--pad) * 2);
  margin-inline: auto;
}

/* Grid-kind zonder min-width:0 laat een lange productnaam de kolom oprekken. */
.shop__main { min-width: 0; }

/* Het filterformulier is een <form>; die mag geen eigen ruimte innemen. */
#bijpipFilters { display: block; }

/* De filters zijn links (echte URL's), geen knoppen. Dezelfde actieve
   opmaak als het concept, maar op aria-current — aria-pressed hoort bij een
   button, niet bij een <a>. */
.filter-btn[aria-current="true"] { opacity: 1; color: var(--wine); font-weight: 500; }
.filter-btn[aria-current="true"] i {
  font-style: normal;
  border-bottom: 1px solid var(--wine);
  padding-bottom: 2px;
}
.filter-btn small { flex: 0 0 auto; }

/* Voorraad- en salefilter: echte checkboxes in hetzelfde formulier. */
.bijpip-filters__checks { gap: 4px; }
.bijpip-check {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  font-size: 14px;
  color: var(--ink);
  opacity: 0.82;
  padding: 6px 0;
  cursor: pointer;
  transition: opacity 0.25s, color 0.25s;
}
.bijpip-check:hover { opacity: 1; color: var(--wine); }
.bijpip-check input {
  appearance: none;
  width: 15px;
  height: 15px;
  flex: 0 0 auto;
  margin: 0;
  border: 1px solid var(--line);
  border-radius: 2px;
  background: #fff;
  cursor: pointer;
  transition: border-color 0.2s, background 0.2s;
}
.bijpip-check input:checked {
  border-color: var(--wine);
  background: var(--wine);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4 12.5 5 5L20 6.5' fill='none' stroke='%23ffffff' stroke-width='2.6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 11px;
}
.bijpip-check input:checked + span { color: var(--wine); font-weight: 500; }

/* Alleen zichtbaar zonder JavaScript. */
.bijpip-filters__apply { margin-top: 14px; padding: 11px 22px; }

/* De chip-rij staat er alleen als er echt gefilterd is, dus geen
   gereserveerde lege strook meer. */
.active-filters:empty { display: none; margin: 0; min-height: 0; }

@media (max-width: 900px) {
  .bijpip-check { min-height: 44px; }
}

/* ───────── PDP: een knop die niet kan, mag er ook niet uitzien alsof hij kan
   ─────────
   Drie toestanden, één opmaak:
     [disabled]                      uitverkocht - buy.php zet dat zelf, server-side.
     .wc-variation-selection-needed  er is nog geen variant gekozen; die klasse
                                     zet WooCommerce's eigen variatiekiezer, en
                                     dieselfde kiezer blokkeert ook de klik.
     .wc-variation-is-unavailable    de gekozen combinatie bestaat niet.
   De selectors staan met body.bijpip-pdp ervoor omdat de gewone knopregels in
   shortcodes.css dat ook doen - anders verliest dit van de wijnrode
   achtergrond daar. */
body.bijpip-pdp .pd__atc[disabled],
body.bijpip-pdp .pd__atc.disabled,
body.bijpip-pdp .pd__atc.wc-variation-selection-needed,
body.bijpip-pdp .pd__atc.wc-variation-is-unavailable {
  background: var(--clay);
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}
body.bijpip-pdp .pd__atc[disabled]:hover,
body.bijpip-pdp .pd__atc.disabled:hover,
body.bijpip-pdp .pd__atc.wc-variation-selection-needed:hover,
body.bijpip-pdp .pd__atc.wc-variation-is-unavailable:hover {
  background: var(--clay);
  transform: none;
}


/* ═══════════════════════════════════════════════════════════════════════════
   FASE 4A — WINKELWAGEN / AFREKENEN / BEDANKT
   De winkelwagen, de checkout en de bedanktpagina komen uit eigen templates in
   woocommerce/cart/ en woocommerce/checkout/ met conceptmarkup (.cart-row,
   .cols--side, .sumlist, .minilist, .co-block, .deftable). Bijna al die
   klassen staan al in components.css en shortcodes.css; hier staat alleen
   wat Woo's eigen markup ertussen zet. Geen clamp(), geen vw in fontmaten.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ───────── 0. De oude grids neutraliseren ─────────
   De blokken "Winkelwagen" en "Afrekenen" hierboven zijn gebouwd voor Woo's
   STANDAARD markup (een <table> plus .cart-collaterals). Die blijven staan als
   vangnet - als een plugin ergens alsnog de standaardtabel rendert, ziet die
   er nog goed uit - maar ze mogen onze eigen .cols--side-layout niet opeten.
   De shortcode [woocommerce_cart] wikkelt alles in div.woocommerce, en die
   kreeg hierboven display:grid met een vaste 360px-zijkolom. */
.bijpip-wcpage--cart .woocommerce { display: block; }
.bijpip-wcpage--checkout form.checkout { display: block; }
.bijpip-wcpage--checkout .bijpip-checkout #customer_details,
.bijpip-wcpage--checkout .bijpip-checkout #order_review {
  grid-column: auto;
  grid-row: auto;
  padding: 0;
  background: none;
  border: 0;
  border-radius: 0;
}
.bijpip-wcpage--checkout .bijpip-checkout #order_review_heading {
  grid-column: auto;
  grid-row: auto;
}

/* Hookregio's in de winkelwagen/checkout mogen geen gridcel claimen. */
.bijpip-cart .bijpip-hookwrap,
.bijpip-checkout .bijpip-hookwrap { min-width: 0; }

/* ───────── 1. Totalen die uit een <tr> komen ─────────
   bijpip_normalise_table_rows() maakt van elke <tr>/<th>/<td> die een plugin
   of wc_cart_totals_shipping_html() print een div met deze klassen. Ze moeten
   er uitzien als een gewone .sumline. */
.bijpip-sumextra { display: grid; gap: 11px; }
.bijpip-sumrow {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  font-size: 14px;
  color: rgb(44 44 44 / 0.78);
}
.bijpip-sumrow__label { min-width: 0; }
.bijpip-sumrow__value { min-width: 0; text-align: right; }

/* Verzendkeuze: label boven, de radio's eronder, dus niet op één regel. */
.bijpip-sumextra--shipping .bijpip-sumrow { display: block; }
.bijpip-sumextra--shipping .bijpip-sumrow__value { text-align: left; margin-top: 7px; }
.bijpip-sumextra ul#shipping_method,
.bijpip-sumextra ul.woocommerce-shipping-methods {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 7px;
}
.bijpip-sumextra ul#shipping_method li,
.bijpip-sumextra ul.woocommerce-shipping-methods li {
  display: flex;
  gap: 9px;
  align-items: flex-start;
  font-size: 13.5px;
  line-height: 1.5;
  margin: 0;
}
.bijpip-sumextra ul#shipping_method li input { margin-top: 3px; flex: 0 0 auto; accent-color: var(--wine); }
.bijpip-sumextra ul#shipping_method li label { margin: 0; font-size: 13.5px; }
.bijpip-sumextra .woocommerce-shipping-destination {
  font-size: 12.5px;
  color: var(--muted);
  margin-top: 9px;
  line-height: 1.6;
}
.bijpip-sumextra .shipping-calculator-button {
  font-size: 12.5px;
  text-decoration: underline;
  text-underline-offset: 3px;
}
/* wc_cart_totals_order_total_html() levert <strong> binnen onze <b>. */
.sumline--total b strong { font-weight: inherit; color: inherit; }
.sumline small.includes_tax,
.bijpip-sumrow small { display: block; font-size: 11.5px; color: var(--muted); font-weight: 400; }

/* ═══════════════ WINKELWAGEN ═══════════════ */

.bijpip-cart__main,
.bijpip-cart__side { min-width: 0; }

.bijpip-cart__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
  font-size: 12.5px;
  letter-spacing: 0.04em;
  color: var(--muted);
  margin: 0 0 16px;
}
.bijpip-cart__meta em { font-style: normal; opacity: 0.4; }

.bijpip-cart__form { margin: 0; }
.bijpip-cart__rows { margin: 0; }

/* .cart-row is een 4-koloms grid (media | info | aantal | prijs): zie
   components.css. Alleen de binnenkant van de infokolom staat hier. */
.cart-row__info { min-width: 0; }
.cart-row__info .bijpip-backorder {
  display: block;
  font-size: 12px;
  color: var(--wine);
  margin-top: 5px;
}

/* wc_get_formatted_cart_item_data() levert <dl class="variation"> met een
   <dt>/<dd>-paar per regel - dus ook de "Erbij: Envelop erbij"-regel van de
   bijpip-envelop-plugin. Als grid, anders staat alles achter elkaar. */
.cart-row__info dl.variation,
.minilist__row dl.variation {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 1px 6px;
  margin: 5px 0 0;
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--muted);
}
.cart-row__info dl.variation dt,
.cart-row__info dl.variation dd,
.minilist__row dl.variation dt,
.minilist__row dl.variation dd { margin: 0; font-weight: 400; }
.cart-row__info dl.variation dd p,
.minilist__row dl.variation dd p { margin: 0; }

/* Het aantal: components.css stylet .qty voor een <output>, hier zit een
   echte <input type=number> in zodat de winkelwagen ook zonder JS werkt. */
.cart-row .qty { flex: 0 0 auto; }
.qty input[type="number"] {
  width: 48px;
  height: 38px;
  border: 0;
  background: none;
  text-align: center;
  font-family: inherit;
  font-size: 14.5px;
  color: var(--ink);
  padding: 0;
  appearance: textfield;
  -moz-appearance: textfield;
}
.qty input[type="number"]::-webkit-outer-spin-button,
.qty input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.qty input[type="number"]:focus-visible { outline: 2px solid var(--wine); outline-offset: -2px; }
.qty--fixed { padding: 0 12px; }
.qty--fixed span { min-width: 28px; text-align: center; font-size: 14.5px; }

.bijpip-cart__update {
  background: none;
  border: 1px solid var(--line);
  border-radius: var(--r);
  font-family: inherit;
  font-size: 11.5px;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--muted);
  padding: 11px 18px;
  cursor: pointer;
  transition: border-color 0.25s, color 0.25s;
}
.bijpip-cart__update:hover { border-color: var(--wine); color: var(--wine); }
/* Met JS stuurt cart.js de +/- naar deze knop; dan hoeft hij niet in beeld. */
.bijpip-js .bijpip-cart__update { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.bijpip-js .bijpip-cart__update:focus-visible { position: static; width: auto; height: auto; clip-path: none; }
.woocommerce-cart-form.is-updating { opacity: 0.55; pointer-events: none; transition: opacity 0.2s; }

.bijpip-cart__fineprint {
  font-size: 12.5px;
  line-height: 1.6;
  color: var(--muted);
  margin-top: 14px;
}
.bijpip-cart__side .panel > ul {
  list-style: none;
  margin: 16px 0 0;
  padding: 0;
  display: grid;
  gap: 8px;
  font-size: 13px;
  color: rgb(44 44 44 / 0.74);
}
.bijpip-cart__side .panel > ul li { position: relative; padding-left: 16px; }
.bijpip-cart__side .panel > ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: var(--wine);
}

.bijpip-cart-empty { margin: 0; }

/* ═══════════════ AFREKENEN ═══════════════ */

.bijpip-checkout__main,
.bijpip-checkout__side { min-width: 0; }
.bijpip-checkout__stepbar { margin-bottom: 26px; }

/* Woo's eigen veldrijen (p.form-row) als conceptformulier-grid. */
.bijpip-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 15px 18px;
}
.bijpip-fields > p,
.bijpip-fields > .form-row { grid-column: 1 / -1; margin: 0; min-width: 0; }
.bijpip-fields > .form-row-first,
.bijpip-fields > .form-row-last { grid-column: auto; }
.bijpip-fields > .form-row::after { content: none; }
.bijpip-fields label {
  display: block;
  font-size: 11.5px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: 7px;
}
.bijpip-fields label.checkbox,
.bijpip-fields label.checkline {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  text-transform: none;
  letter-spacing: 0;
  font-size: 13.5px;
  color: rgb(44 44 44 / 0.8);
  margin-bottom: 0;
}
.bijpip-fields .required { color: var(--wine); text-decoration: none; border: 0; }
.bijpip-fields .description,
.bijpip-fields small {
  display: block;
  font-size: 12.5px;
  color: var(--muted);
  margin-top: 6px;
  line-height: 1.55;
}
.bijpip-shiptoggle { margin: 4px 0 18px; }
.bijpip-shiptoggle label { margin: 0; }
.woocommerce-additional-fields { margin-top: 22px; }

/* Blok 3: Woo's betaalblok in de conceptstijl, radiolijst als .radio-card. */
.bijpip-checkout__pay #payment {
  background: none;
  border: 0;
  padding: 0;
  border-radius: 0;
}
.bijpip-checkout__pay ul.payment_methods {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0;
  display: grid;
  gap: 10px;
}
.bijpip-checkout__pay ul.payment_methods > li {
  border: 1px solid var(--line);
  border-radius: var(--r);
  padding: 15px 17px;
  margin: 0;
  background: #fff;
  transition: border-color 0.25s, background 0.25s;
}
.bijpip-checkout__pay ul.payment_methods > li:hover { border-color: var(--line-wine); }
.bijpip-checkout__pay ul.payment_methods > li label {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  font-size: 14.5px;
  font-weight: 500;
  margin: 0;
  text-transform: none;
  letter-spacing: 0;
  color: var(--ink);
}
.bijpip-checkout__pay ul.payment_methods > li input[type="radio"] { accent-color: var(--wine); }
.bijpip-checkout__pay ul.payment_methods > li img { max-height: 24px; width: auto; margin-left: 8px; }
.bijpip-checkout__pay .payment_box {
  margin: 12px 0 0;
  padding: 13px 15px;
  background: var(--cream);
  border-radius: var(--r);
  font-size: 13px;
  line-height: 1.65;
  color: rgb(44 44 44 / 0.78);
}
.bijpip-checkout__pay .payment_box p:last-child { margin-bottom: 0; }
.bijpip-checkout__pay .woocommerce-terms-and-conditions-wrapper { margin-top: 22px; }
.bijpip-checkout__pay .woocommerce-privacy-policy-text {
  font-size: 12.5px;
  line-height: 1.65;
  color: var(--muted);
}
.bijpip-checkout__pay .form-row.place-order { margin: 22px 0 0; padding: 0; }
.bijpip-checkout__pay #place_order { width: 100%; min-height: 52px; }
.bijpip-checkout__pay .wc_payment_methods + .form-row.place-order { border-top: 1px solid var(--line); padding-top: 22px; }

/* Het besteloverzicht in de zijkolom (checkout/review-order.php). */
.bijpip-review { font-size: 14px; }
.bijpip-review__items { margin-top: 14px; }
.bijpip-review .minilist__row span { line-height: 1.5; }

/* ═══════════════ BEDANKT ═══════════════ */

.bijpip-thanks__steps { justify-content: center; }
.bijpip-thanks .thanks-top .check-seal { margin: 0 auto 18px; }
.bijpip-thanks__cols { margin-top: 34px; }
.bijpip-thanks__cols .panel { min-width: 0; }
.bijpip-thanks .deftable td br { line-height: 1.7; }
.bijpip-thanks .woocommerce-notice { margin-top: 14px; }
.bijpip-thanks .woocommerce-order-overview,
.bijpip-thanks .woocommerce-order-details,
.bijpip-thanks .woocommerce-customer-details { display: none; }

/* ═══════════════ SMALLE SCHERMEN ═══════════════
   Alleen breekpunten, geen meeschalende fontmaten. */
@media (max-width: 1024px) {
  .bijpip-cart .cols--side,
  .bijpip-checkout .cols--side { grid-template-columns: minmax(0, 1fr); }
  .bijpip-cart__side .panel--sticky,
  .bijpip-checkout__side .panel--sticky { position: static; }
}
@media (max-width: 760px) {
  .bijpip-fields { grid-template-columns: minmax(0, 1fr); }
  .bijpip-fields > .form-row-first,
  .bijpip-fields > .form-row-last { grid-column: 1 / -1; }
  .bijpip-thanks__cols { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
  .cart-row {
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 10px 14px;
  }
  .cart-row__media { grid-row: 1 / span 2; }
  .cart-row .qty { grid-column: 2; justify-self: start; }
  .cart-row__price { grid-column: 2; grid-row: 3; }
  body.bijpip-p-bedankt .thanks-top h1 { font-size: 34px; }
}

/* ─── Subcategorietegels bovenaan een categorie (23-10-2026) ───
   template-parts/shop/subcats.php - nu alleen op Inpakmateriaal.
   Desktop: één rij van max. 8; tablet: 4 per rij; mobiel: veegrij. */
.subcats { margin-top: 26px; }
.subcats__list {
  list-style: none; margin: 0; padding: 0;
  display: grid; grid-template-columns: repeat(auto-fill, minmax(132px, 1fr)); gap: 14px;
}
.subcats__item {
  display: flex; flex-direction: column; height: 100%;
  background: #fff; border: 1px solid var(--line); border-radius: var(--r); overflow: hidden;
  transition: box-shadow 0.35s, border-color 0.3s;
}
.subcats__item:hover { box-shadow: 0 14px 34px rgb(44 44 44 / 0.08); border-color: var(--line-wine); }
.subcats__media { display: block; aspect-ratio: 1 / 1; overflow: hidden; background: var(--blush); }
.subcats__media img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.8s var(--ease); }
.subcats__item:hover .subcats__media img { transform: scale(1.05); }
.subcats__name { font-family: var(--font-head); font-size: 15.5px; line-height: 1.2; padding: 12px 12px 0; color: var(--ink); overflow-wrap: normal; word-break: normal; hyphens: auto; -webkit-hyphens: auto; }
.subcats__item:hover .subcats__name { color: var(--wine); }
.subcats__count { font-size: 10.5px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--clay); padding: 4px 12px 12px; margin-top: auto; }
@media (min-width: 1200px) {
  .subcats__list { grid-template-columns: repeat(8, minmax(0, 1fr)); }
}
@media (max-width: 1199px) and (min-width: 768px) {
  .subcats__list { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .subcats { margin-top: 18px; margin-right: calc(-1 * var(--pad)); }
  .subcats__list {
    display: flex; gap: 10px; overflow-x: auto; scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch; scrollbar-width: none; padding-right: var(--pad); padding-bottom: 2px;
  }
  .subcats__list::-webkit-scrollbar { display: none; }
  .subcats__list > li { flex: 0 0 38%; scroll-snap-align: start; }
  .subcats__name { font-size: 14px; padding: 10px 10px 0; }
  .subcats__count { padding: 3px 10px 10px; }
}
/* 2026-11-02: betaalmethodes + bestelknop staan weer onder "Je bestelling" in de zijkolom
   (form-checkout.php). Kleine kop boven #payment, en ruimte t.o.v. het totaal. */
.bijpip-checkout__side .bijpip-pay-title {
  margin: 26px 0 12px;
  padding-top: 22px;
  border-top: 1px solid var(--line);
  font-family: var(--font-head);
  font-size: 20px;
  color: var(--ink);
}
.bijpip-checkout__side #payment { margin-top: 0; }
.bijpip-checkout__back { margin-top: 30px; }
.bijpip-checkout__side ul.payment_methods > li::before,
.bijpip-checkout__side ul.payment_methods > li::marker { content: none; display: none; }
/* 2026-11-02 23:10: roze bolletjes bij betaalmethodes weg. Komen van .panel ul li::before
   (components.css); de betaalmethodes staan in .panel.bijpip-checkout__pay. */
.panel ul.payment_methods > li,
.bijpip-checkout__pay ul.payment_methods > li { list-style: none !important; }
.panel ul.payment_methods > li::before,
.panel ul.payment_methods > li::marker,
.bijpip-checkout__pay ul.payment_methods > li::before,
.bijpip-checkout__pay ul.payment_methods > li::marker,
.woocommerce-checkout #payment ul.payment_methods > li::before { content: none !important; display: none !important; background: none !important; }
/* Zelfde bolletjes bij de verzendmethodes in "Je bestelling". */
.panel ul#shipping_method > li,
.panel ul.woocommerce-shipping-methods > li { list-style: none !important; }
.panel ul#shipping_method > li::before,
.panel ul.woocommerce-shipping-methods > li::before { content: none !important; display: none !important; }