/* ---------------------------------------------------------------------------
   pb-game-tooltip - the hover label on LOCKED game cards and carousel items.

   Replaces the browser's black native tooltip. Shared by the games list
   (Views/GameList/Index.cshtml) and the owl carousel (Views/Partials/_GameCarousel.cshtml),
   so the two cannot drift apart.

   ONLY locked items carry a title attribute, so this only ever appears on them -
   an unlocked game shows nothing at all. See js/pb-custom/pb-game-tooltip.js.

   Left as jBox's stock TooltipLight colours. A phase-coloured version was built
   and REVERTED on the owner's call, 2026-08-14 - do not reinstate without asking.
   --------------------------------------------------------------------------- */

.pb-game-tooltip .jBox-content {
    /* phonicsbloom-content.css sets .jBox-Tooltip .jBox-content { padding: 2em }
       for the glossary tooltips, which is 32px and far too big for a short label. */
    padding: .65em 1.1em !important;

    /* Same font as the card buttons. gadugi was already inherited, but jBox's own
       13.6px/400 left it looking like a different typeface next to the bold button
       beside it - matching the weight and going a size up is what makes it read as
       part of the site. */
    font-family: 'gadugi', sans-serif !important;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.35;

    /* Wraps at every width, so a two-line message never overhangs the thing it
       points at. */
    white-space: normal;
    max-width: 15em;
    text-align: center;
}