/* MASALTO Black Friday — alle styling staat hier, niet in de PHP. */
:root {
  --masalto-bf-background: #faf7f3;
  --masalto-bf-text: #34251c;
  --masalto-bf-border: #d5c7b9;
  --masalto-bf-button-bg: #34251c;
  --masalto-bf-button-text: #ffffff;
  --masalto-bf-radius: 12px;
}
.masalto-bf[hidden] { display: none !important; }
.masalto-bf {
  margin: 24px 0;
  padding: 24px;
  border: 1px solid var(--masalto-bf-border);
  border-radius: var(--masalto-bf-radius);
  background: var(--masalto-bf-background);
  color: var(--masalto-bf-text);
}
.masalto-bf__title { margin: 0 0 8px; }
.masalto-bf__intro { margin: 0 0 18px; }
.masalto-bf__fields { display: grid; gap: 16px; }
.masalto-bf__field { display: grid; gap: 6px; }
.masalto-bf__label { font-weight: 600; }
.masalto-bf__select { width: 100%; max-width: 430px; padding: 10px; border: 1px solid var(--masalto-bf-border); border-radius: 6px; }
.masalto-bf__hint { font-size: .93em; margin: 0 0 16px; }
.masalto-bf__button { padding: 12px 20px; border: 0; border-radius: 6px; cursor: pointer; background: var(--masalto-bf-button-bg); color: var(--masalto-bf-button-text); }
.masalto-bf__button:disabled { opacity: .6; cursor: wait; }
.masalto-bf__status { margin: 10px 0 0; }

/* Cart Block — optische BLACKWEEKEND korting, geen tweede berekening. */
.masalto-bf-price { display:inline-flex; flex-wrap:wrap; align-items:baseline; gap:.3em .55em; }
.masalto-bf-price__original { color:#81776f; text-decoration:line-through; }
.masalto-bf-price__discounted { color:var(--masalto-bf-text); font-weight:700; text-decoration:none; }
.masalto-bf-price__label { display:block; flex-basis:100%; font-size:.8em; color:#66574e; }

/* v0.3.4 — alleen visuele WooCommerce Cart Block prijsweergave. */
.wc-block-cart-item__prices.masalto-bf-prices-active > :not(.masalto-bf-price) { display: none !important; }
.wc-block-cart-item__prices .masalto-bf-price { display: inline-flex; flex-wrap: wrap; align-items: baseline; justify-content: flex-end; gap: .25em .5em; }
.wc-block-cart-item__prices .masalto-bf-price__original { color: #6f6862; text-decoration: line-through; }
.wc-block-cart-item__prices .masalto-bf-price__discounted { font-weight: 700; text-decoration: none; }
.wc-block-cart-item__prices .masalto-bf-price__label { width: 100%; text-align: right; font-size: .8em; color: #6f6862; }