/* VLT WBC Notes & Terms */

/* ── Opmerkingenveld ──────────────────────────────────────────────────────── *
 * Het WooCommerce Blocks opmerkingenveld is een checkbox-toggle.
 * De JS klikt de checkbox automatisch aan zodat de textarea zichtbaar wordt.
 * CSS-overrides die de Blocks layout breken zijn hier verwijderd.
 * ─────────────────────────────────────────────────────────────────────────── */

/* Zorg dat de textarea er netjes uitziet als die zichtbaar is */
.wc-block-checkout__add-note textarea,
.vlt-wbc-notes-textarea {
  width: 100%;
  min-height: 100px;
  padding: 12px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 1em;
  resize: vertical;
  border: 1px solid rgba(0, 0, 0, 0.8) !important;
  border-radius: 4px !important;
}

/* ── Algemene voorwaarden checkbox ────────────────────────────────────────── */

.vlt-wbc-terms-accept {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 16px 0 12px;
}

.vlt-wbc-terms-accept input[type="checkbox"] {
  flex-shrink: 0;
  margin-top: 3px;
  width: 18px;
  height: 18px;
  cursor: pointer;
}

.vlt-wbc-terms-accept label {
  font-size: 0.95em;
  line-height: 1.4;
  cursor: pointer;
}

.vlt-wbc-terms-accept a {
  text-decoration: underline;
}

/* ── Quote mode verbergt diverse secties ──────────────────────────────────── */

body.vlt-wbc-quote-mode .wc-block-checkout__shipping-methods,
body.vlt-wbc-quote-mode [data-block-name="woocommerce/checkout-shipping-methods-block"],
body.vlt-wbc-quote-mode .wc-block-components-shipping-rates-control,
body.vlt-wbc-quote-mode .wc-block-components-shipping-rates-control__no-shipping,
body.vlt-wbc-quote-mode #shipping-method,
body.vlt-wbc-quote-mode fieldset#shipping-method,
body.vlt-wbc-quote-mode .wc-block-checkout__shipping-method {
  display: none !important;
}

body.vlt-wbc-quote-mode [data-block-name="woocommerce/checkout-payment-block"],
body.vlt-wbc-quote-mode .wc-block-checkout__payment-method,
body.vlt-wbc-quote-mode fieldset.wc-block-checkout__payment-method {
  display: none !important;
}

body.vlt-wbc-quote-mode .wc-block-checkout__actions,
body.vlt-wbc-quote-mode .wc-block-checkout__terms {
  display: none !important;
}

/* ── Offerte-kaart ────────────────────────────────────────────────────────── */

.vlt-wbc-offer-block {
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 8px;
  padding: 16px;
  margin: 0 0 16px;
}

.vlt-wbc-offer-block h2 { margin: 0 0 10px; font-size: 20px; }
.vlt-wbc-offer-block .vlt-wbc-offer-text { margin: 0 0 14px; line-height: 1.45; }
.vlt-wbc-offer-block .vlt-wbc-quote-btn { width: 100%; padding: 14px 16px; border-radius: 8px; font-weight: 600; }
.vlt-wbc-offer-block .vlt-wbc-offer-status { margin-top: 10px; font-size: 14px; }


/* ── Thankyou/bedankt-pagina: verberg overbodige secties ─────────────────── */

/* "Extra informatie" — WC Blocks eigen weergave van het leverdatum-veld.
   Onze Leveringsinformatie-sectie is voldoende. */
.woocommerce-order-received .wc-block-order-confirmation-additional-fields-wrapper,
.woocommerce-order-received [class*="additional-fields"] {
  display: none !important;
}

/* Dubbele Leveringsinformatie — verberg de tweede instantie. */
.woocommerce-order-received .vlt-wbc-thankyou-extra ~ .vlt-wbc-thankyou-extra {
  display: none !important;
}

/* "Bestelgegevens" WC-blok en extra secties verbergen. */
.woocommerce-order-received section.woocommerce-order-details:not(.vlt-wbc-thankyou-extra) {
  display: none !important;
}

/* Klassieke WC klantgegevens verbergen — Blocks versie is al zichtbaar. */
.woocommerce-order-received section.woocommerce-customer-details.woocommerce-columns {
  display: none !important;
}

/* Offerte-kaart hoort niet op de bedanktpagina. */
.woocommerce-order-received .vlt-wbc-offerte-card,
.woocommerce-order-received #vlt-wbc-offerte-card {
  display: none !important;
}

/* Betalingsinstructie ("Contant betalen bij aflevering") verbergen.
   Dit is de WooCommerce payment method instruction die na het order-overzicht staat. */
.woocommerce-order-received .woocommerce-order > p:not(.woocommerce-notice),
.woocommerce-order-received .entry-content > p.woocommerce-notice + p,
.woocommerce-order-received .wc-block-order-confirmation-payment-method-wrapper ~ p,
.woocommerce-order-received .wp-block-woocommerce-order-confirmation-status ~ p:not(.woocommerce-notice),
.woocommerce-order-received p.woocommerce-order-received__payment-method-description {
  display: none !important;
}


/* ── Winkelwagen: Big Bag rijen ──────────────────────────────────────────── *
 * Big Bags worden per stuk besteld — verberg de quantity +/- en input.      *
 * De remove knop moet klikbaar blijven.                                     *
 * JS markeert Big Bag rijen met data-vlt-bigbag="1".                        *
 * ─────────────────────────────────────────────────────────────────────────── */

[data-vlt-bigbag="1"] .wc-block-components-quantity-selector__input,
[data-vlt-bigbag="1"] .wc-block-components-quantity-selector__button {
  display: none !important;
}

/* Remove knop altijd klikbaar, hoog z-index zodat niets het bedekt */
.wc-block-cart-item__remove-link {
  position: relative !important;
  z-index: 10 !important;
}