/**
 * Kit-eigenschappen, vertaald naar de secties van deze plugin.
 * De playground zet dezelfde klassen op zijn voorbeeld, zodat wat je daar ziet
 * ook is wat er op de site komt te staan.
 */

/* Knoppen */
.bdl-t-btn-hard .bdlc-hero__btn,
.bdl-t-btn-hard .bdlc-cta__btn { box-shadow: 5px 5px 0 var(--bdl-ink, #111); }
.bdl-t-btn-hard .bdlc-hero__btn--ghost { box-shadow: 5px 5px 0 var(--bdl-line, rgba(0,0,0,.2)); }

.bdl-t-btn-pill .bdlc-hero__btn,
.bdl-t-btn-pill .bdlc-cta__btn { border-radius: 999px; padding-left: 30px; padding-right: 30px; }

.bdl-t-btn-line .bdlc-hero__btn {
  background: transparent;
  color: var(--bdl-ink, inherit);
  border: 0;
  border-bottom: 2px solid var(--bdl-brand, currentColor);
  border-radius: 0;
  padding: 9px 2px;
}
.bdl-t-btn-line .bdlc-hero__btn--ghost { border-bottom-color: var(--bdl-line, rgba(0,0,0,.2)); }

/* Kaarten */
.bdl-t-card-fill .bdlc-card { background: var(--bdl-tint, transparent); border: 0; }
.bdl-t-card-naked .bdlc-card {
  background: transparent;
  border: 0;
  border-top: 2px solid var(--bdl-brand, currentColor);
  border-radius: 0;
  padding: 22px 0 0;
}
.bdl-t-card-hard .bdlc-card {
  border: var(--bdl-bw, 1px) solid var(--bdl-ink, #111);
  box-shadow: 6px 6px 0 var(--bdl-brand, #111);
}
.bdl-t-card-soft .bdlc-card { border: 0; box-shadow: 0 14px 34px rgba(20,18,15,.11); }
.bdl-t-card-accent .bdlc-card {
  border: 0;
  border-left: 3px solid var(--bdl-brand, currentColor);
  border-radius: 0;
  background: var(--bdl-surface, transparent);
}

/* Cijfers en labels */
.bdl-t-num-big .bdlc-card__num { font-size: calc(var(--bdl-fs-h2, 32px) * 1.15); line-height: 1; opacity: .42; margin-bottom: 4px; }
.bdl-t-stat-box .bdlc-stats__row { border: 0; padding: 0; gap: 14px; }
.bdl-t-stat-box .bdlc-stat { background: var(--bdl-tint, transparent); padding: 26px; border-radius: var(--bdl-r, 12px); }

/* Bovenkopje */
.bdl-t-rule .bdlc-hero__eyebrow:before {
  content: '';
  display: inline-block;
  width: 30px;
  height: 2px;
  background: var(--bdl-brand, currentColor);
  vertical-align: middle;
  margin-right: 11px;
}
.bdl-t-badge .bdlc-hero__eyebrow {
  display: inline-block;
  background: var(--bdl-tint, transparent);
  padding: 7px 14px;
  border-radius: 999px;
  letter-spacing: .08em;
}

/* Citaat */
.bdl-t-quote-mark .bdlc-quote__text:before {
  content: '\201C';
  display: block;
  font-size: calc(var(--bdl-fs-quote, 28px) * 2.4);
  line-height: .62;
  color: var(--bdl-brand, currentColor);
  opacity: .45;
  margin-bottom: 8px;
}

/* Ritme en uitlijning */
.bdl-t-band .bdlc-cards,
.bdl-t-band .bdlc-faq { background: var(--bdl-surface, transparent); }
.bdl-t-center .bdlc-cards__title,
.bdl-t-center .bdlc-cards__intro,
.bdl-t-center .bdlc-faq__title { text-align: center; margin-left: auto; margin-right: auto; }

/* Achtergrondtextuur */
.bdl-t-tex-grid .bdlc-cards { background-image: repeating-linear-gradient(90deg, var(--bdl-line, rgba(0,0,0,.08)) 0 1px, transparent 1px 96px); }
.bdl-t-tex-dots .bdlc-cards { background-image: radial-gradient(var(--bdl-tint, rgba(0,0,0,.06)) 2px, transparent 2px); background-size: 26px 26px; }