/*
 * bbui.css - shared BB character-screen chrome the copied paperdoll/stats
 * modules depend on. Ported from bng-game/webapp/client/inventory/inventory.css
 * (font/color utility classes + border-box) and common/fonts.css (@font-face),
 * which recreate BB vanilla ui/fonts.css + ui/colors.css. Paths point at this
 * viewer's own /static/bbui/ asset tree.
 *
 * NOT included here: the root `html { font-size }` rem base and the
 * .character-screen-container box - those live in lonewolf.css so the map side
 * of the page is unaffected.
 */

/* --- @font-face (BB: ui/fonts.css L36-54) ----------------------------- */
@font-face { font-family: 'Cinzel-Bold';
    src: url('/static/bbui/fonts/Cinzel-Bold.ttf') format('truetype'); }
@font-face { font-family: 'FreeUniversal-Regular';
    src: url('/static/bbui/fonts/FreeUniversal-Regular-edited.ttf') format('truetype'); }

/* --- BB font utility classes (BB: ui/fonts.css L131-167) --------------- */
.text-font-very-small,
.text-font-small,
.text-font-medium,
.text-font-normal,
.text-font-big
{
    font-weight: normal;
    font-size:   1.2rem;
    font-style:  normal;
    font-family: 'FreeUniversal-Regular';
}

.text-font-very-small { font-size: 1.2rem; }   /* BB fonts.css:139 */
.text-font-small      { font-size: 1.4rem; }   /* BB fonts.css:146 */
.text-font-medium     { font-size: 1.6rem; }   /* BB fonts.css:151 */
.text-font-normal     { font-size: 1.8rem; }   /* BB fonts.css:156 */
.text-font-big        { font-size: 2.2rem; }   /* BB fonts.css:161 */

.font-bold           { font-weight: bold !important; }
.font-bottom-shadow  { text-shadow: 1px 1px 1px #000; }

/* --- BB color utility classes (BB: ui/colors.css) --------------------- */
/* .font-color-value = the gold/orange numeric accent (colors.css L77-80). */
.font-color-value
{
    color: #dda21f !important;
}

.font-color-progressbar-label
{
    color: #c6c6c6;
    text-shadow: 1px 1px 1px #000;
}

/* --- border-box inside the character panel (BB: character_screen.css L80-85) */
.character-screen-container *
{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}