/* DreamBet-like info box (front-end) */
.db-cib{
  border-radius:18px;
  padding:34px 34px 26px;
  box-sizing:border-box;
  font-family: inherit;
}
.db-cib-sec{
  display:flex;
  gap:28px;
  padding:18px 0;
  border-top:1px solid rgba(240,240,240,.9);
}
.db-cib-sec:first-child{ border-top:none; padding-top:6px; }
.db-cib-sec-title{
  flex:0 0 240px;
  font-size:30px;
  line-height:1.15;
  font-weight:750;
  color:#111;
}
.db-cib-sec-body{
  flex:1;
  min-width:0;
}
.db-cib-kvgrid{
  display:grid;
  grid-template-columns: 1fr;
  row-gap:14px;
  column-gap:24px;
}
.db-cib-kvgrid-compact{ row-gap:10px; margin-top:14px; }
.db-cib-kv{
  display:grid;
  grid-template-columns: 220px 1fr;
  gap:18px;
  align-items:baseline;
}
.db-cib-k{
  font-weight:650;
  color:#111;
}
.db-cib-v{
  color:#111;
}
.db-cib-v a{ color:#1a73e8; text-decoration:underline; }
.db-cib-text{ color:#111; }
.db-cib-text p{ margin:0 0 10px; }
.db-cib-text p:last-child{ margin-bottom:0; }
.db-cib-text-muted{ margin-top:14px; color:#333; }
.db-cib-subgrid{ display:block; }
.db-cib-subtitle{
  margin:10px 0 10px;
  font-weight:650;
  color:#111;
}
.db-cib-pills{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.db-cib-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 12px;
  border-radius:999px;
  font-size:14px;
  line-height:1;
  white-space:nowrap;
}
.db-cib-pill-ico{
  width:16px; height:16px; object-fit:contain;
  display:inline-block;
}
.db-cib-pill-quad{
  width:14px; height:14px;
  border-radius:3px;
  border:1px solid currentColor;
  opacity:.9;
  display:inline-block;
}
.db-cib-empty{ color:#666; }

/* Responsive */
@media (max-width: 900px){
  .db-cib{ padding:22px; }
  .db-cib-sec{ flex-direction:column; gap:10px; }
  .db-cib-sec-title{ flex:0 0 auto; font-size:26px; }
  .db-cib-kv{ grid-template-columns: 1fr; gap:6px; }
  .db-cib-k{ color:#111; }
}



/* Typography controls (per-casino, via Design Settings) */
.db-cib-sec-title{
  font-size: var(--db-cib-title-size, 30px);
  font-weight: var(--db-cib-title-weight, 700);
  font-style: var(--db-cib-title-style, normal);
}
.db-cib-k{
  font-size: var(--db-cib-label-size, 15px);
  font-weight: var(--db-cib-label-weight, 600);
  font-style: var(--db-cib-label-style, normal);
}
.db-cib-v, .db-cib-text, .db-cib-text p, .db-cib-empty{
  font-size: var(--db-cib-value-size, 15px);
  font-weight: var(--db-cib-value-weight, 400);
  font-style: var(--db-cib-value-style, normal);
}
.db-cib-pill{
  font-size: var(--db-cib-pill-size, 14px);
  font-weight: var(--db-cib-pill-weight, 600);
  font-style: var(--db-cib-pill-style, normal);
}

/* Welcome Bonus field (global settings) */
.db-cib-kv--welcome-bonus .db-cib-v{
  font-weight: var(--db-cib-wb-weight, var(--db-cib-value-weight, 400));
}
.db-cib-kv--welcome-bonus .db-cib-v,
.db-cib-kv--welcome-bonus .db-cib-v a{
  color: var(--db-cib-wb-color, inherit);
}

/* Website field (global settings) */
.db-cib-kv--website .db-cib-v{
  font-weight: var(--db-cib-website-weight, var(--db-cib-value-weight, 400));
}
.db-cib-kv--website .db-cib-v,
.db-cib-kv--website .db-cib-v a{
  color: var(--db-cib-website-color, inherit);
}

/* Accordion mode (global) */
.db-cib[data-accordion="1"] .db-cib-sec-body{display:none;}
.db-cib[data-accordion="1"] .db-cib-sec-title{cursor:pointer; position:relative; padding-right:26px;}
.db-cib[data-accordion="1"] .db-cib-sec-title::after{content:"+"; position:absolute; right:0; top:0; font-weight:700;}
.db-cib[data-accordion="1"] .db-cib-sec.is-open .db-cib-sec-body{display:block;}
.db-cib[data-accordion="1"] .db-cib-sec.is-open .db-cib-sec-title::after{content:"−";}