/* ===================================================================
   overflow-guard.css — Time4Bets
   ---------------------------------------------------------------
   Defensive, sitewide fix: overflow-wrap/word-break are INHERITED CSS
   properties, so setting them once on <body> protects every text
   element on the page (eyebrows, headings, paragraphs, chips, etc.)
   from ever overflowing its container when a field is filled with a
   very long string that has no spaces to break at (e.g. test/
   placeholder content like "TextTextText..."). main.css itself is not
   touched — this only adds a missing safety net on top of it.
   =================================================================== */

body{
  overflow-wrap:break-word;
  word-break:break-word;
}

/* Belt-and-suspenders for the specific inline-block labels most likely
   to receive short, hand-typed content (eyebrows, chips, badges) —
   in case a future browser ever needs the rule spelled out locally
   rather than relying purely on inheritance. */
.chip,
.pay-badge,
.badge,
.slot-provider,
.bonus-condition,
.bonus-value,
.img-slot-name,
.claim-btn{
  overflow-wrap:break-word;
  word-break:break-word;
}
