/* Kansspel Bonus Sync – basisstijl. Overschrijf gerust in het thema. */
.kbs-bonus {
  --kbs-accent: #0b6e4f;
  --kbs-border: #e3e6e8;
  --kbs-muted: #5b6670;
  border: 1px solid var(--kbs-border);
  border-radius: 10px;
  padding: 18px 20px;
  margin: 1.25em 0;
  background: #fff;
  font-size: 15px;
  line-height: 1.45;
}
.kbs-bonus__label { font-size: 12px; text-transform: uppercase; letter-spacing: .06em; color: var(--kbs-muted); margin-bottom: 4px; }
.kbs-bonus__headline { font-size: 22px; font-weight: 700; color: var(--kbs-accent); margin-bottom: 12px; }
.kbs-bonus--none .kbs-bonus__headline { color: var(--kbs-muted); font-size: 18px; }
.kbs-bonus__facts { margin: 0 0 12px; display: grid; gap: 4px; }
.kbs-bonus__facts > div { display: flex; gap: 8px; }
.kbs-bonus__facts dt { color: var(--kbs-muted); min-width: 150px; }
.kbs-bonus__facts dt::after { content: ":"; }
.kbs-bonus__facts dd { margin: 0; font-weight: 600; }
.kbs-bonus__summary { color: var(--kbs-muted); font-size: 14px; margin: 0 0 12px; }
.kbs-bonus__terms { font-weight: 600; color: var(--kbs-accent); }
.kbs-bonus__disclaimer { font-size: 12px; color: var(--kbs-muted); margin: 12px 0 0; }
@media (max-width: 480px) {
  .kbs-bonus__facts > div { flex-direction: column; gap: 0; }
  .kbs-bonus__facts dt { min-width: 0; }
}

/* Datablokken en wijzigingen */
.kbs-block--license .kbs-bonus__label { margin-bottom: 10px; }
.kbs-changes ul { list-style: none; margin: 0; padding: 0; }
.kbs-changes li { padding: 8px 0; border-bottom: 1px solid #e3e6e8; line-height: 1.45; }
.kbs-changes time { display: inline-block; min-width: 130px; color: #5b6670; font-size: 14px; }
.kbs-changes a { white-space: nowrap; }
@media (max-width: 480px) { .kbs-changes time { display: block; min-width: 0; } }
.kbs-chips { list-style: none; margin: 4px 0 12px; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.kbs-chips li { background: #eef6f2; color: #0b6e4f; border-radius: 999px; padding: 3px 10px; font-size: 14px; font-weight: 600; }

/* Overzichten en vergelijkingen */
.kbs-overview, .kbs-compare { margin: 1.25em 0; }
.kbs-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
.kbs-tabs button { border: 1px solid #e3e6e8; background: #fff; border-radius: 999px; padding: 6px 14px; font: inherit; font-size: 14px; cursor: pointer; }
.kbs-tabs button[aria-selected="true"] { background: #0b6e4f; border-color: #0b6e4f; color: #fff; }
.kbs-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.kbs-table { width: 100%; border-collapse: collapse; font-size: 15px; }
.kbs-table th, .kbs-table td { text-align: left; padding: 10px 12px; border-bottom: 1px solid #e3e6e8; vertical-align: top; }
.kbs-table thead th { font-size: 13px; text-transform: uppercase; letter-spacing: .04em; color: #5b6670; white-space: nowrap; }
.kbs-table small { color: #5b6670; }
.kbs-table--compare tbody th { width: 32%; font-weight: 600; color: #5b6670; }
.kbs-yes { color: #0b6e4f; font-weight: 700; }
.kbs-no { color: #9aa3ab; }
.kbs-search { width: 100%; max-width: 420px; padding: 9px 12px; border: 1px solid #cfd5da; border-radius: 8px; font: inherit; font-size: 15px; margin-bottom: 10px; box-sizing: border-box; }
.kbs-empty { color: #5b6670; font-size: 14px; }
/* thema-knopstijl neutraliseren binnen de overzichten */
.kbs-overview .kbs-tabs button { border-radius: 999px !important; text-transform: none; letter-spacing: normal; line-height: 1.3; }
.kbs-overview .kbs-table thead th { text-transform: uppercase; }
.kbs-overview .kbs-yes, .kbs-compare .kbs-yes { color: #0b6e4f !important; }