/* Woordbingo (hulpmiddel 5, de cadeaubingo). Bovenop basis.css, kaartenmaker.css en muziekbingo.css: formulier,
   kop, thema's, Feestelijk en Zwart-wit komen uit kaartenmaker.css; het vel (2 kaarten), het raster, de maat van
   de vakjes (4x4: 44 x 21 mm, 5x5: 35 x 17 mm), het voorbeeld en de kop van het lijstvel uit muziekbingo.css.
   Hier alleen: de lettergrootte van de woorden, het lege vakje en het lijstvel met vakjes om af te vinken.
   browsertoets.mjs meet dat elk woord in zijn vakje past zonder te breken en dat niets kleiner is dan 9 pt. */

/* ---------- woord in een vakje (scherm en papier) ---------- */
.wb-woord{display:block;font-weight:700;line-height:1.12;overflow-wrap:break-word;max-width:100%}

/* voorbeeld op het scherm: de vakjes groeien mee met de tekst (min-height uit muziekbingo.css) */
.wb-voorbeeld .wb-woord{font-size:clamp(11px,3vw,15px);overflow-wrap:anywhere}
.wb-voorbeeld .mb-5x5 .wb-woord{font-size:clamp(9px,2.35vw,12px)}

/* ---------- printvak ---------- */
@media print{
  /* lettergrootte naar de lengte van het woord (wb-w1..3, zie woordKlasse()); nergens onder 9 pt */
  .mb-4x4 .wb-w1 .wb-woord{font-size:18pt}
  .mb-4x4 .wb-w2 .wb-woord{font-size:15pt}
  .mb-4x4 .wb-w3 .wb-woord{font-size:11pt}
  .mb-5x5 .wb-w1 .wb-woord{font-size:14pt}
  .mb-5x5 .wb-w2 .wb-woord{font-size:12pt}
  .mb-5x5 .wb-w3 .wb-woord{font-size:9pt}

  /* lijstvel: kop (uit muziekbingo.css), dan 3 kolommen met een vakje en het woord, van boven naar beneden */
  .wb-lv-kolommen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:6mm;align-content:start;margin-top:1mm}
  .wb-lv-kol{list-style:none;margin:0;padding:0;border-top:.4mm solid #000;min-width:0}
  .wb-lv-item{display:grid;grid-template-columns:5.5mm minmax(0,1fr);align-items:center;column-gap:2mm;height:9.5mm;border-bottom:.3mm solid #000;break-inside:avoid}
  .wb-lv-vak{width:4.6mm;height:4.6mm;border:.4mm solid #000;border-radius:.6mm;background:#fff}
  .wb-lv-woord{display:block;font-size:12pt;font-weight:700;line-height:1.1;color:#000;overflow:hidden;white-space:nowrap;text-overflow:clip}

  /* alleen voor browsertoets.mjs: woorden niet breken, zodat een te lang woord als overloop te meten is */
  .mb-meten .wb-woord{overflow-wrap:normal}
}