/* assets/css/medals.css — shared "die-cut sticker" medal style (inc/medals.php
   medal_sticker_html()). Owner picked Direction 3 from the preview at
   _pv-medal-creative.html. Linked wherever a sticker renders: profile.php,
   medals.php, admin/medals.php, admin/user.php. */

.medal-stk{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;}
.medal-stk svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;}
.medal-stk__i{position:absolute;left:0;right:0;text-align:center;line-height:1;}

/* grid of stickers with a name underneath (profile.php, medals.php) */
.medal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px 6px;margin-top:12px;}
.medal-item{text-align:center;border:0;background:none;padding:0;cursor:pointer;font-family:inherit;}
.medal-item .medal-nm{display:block;margin-top:7px;font-size:11px;font-weight:700;line-height:1.25;color:var(--ink,#141518);}
.medal-item.locked{cursor:default;}
.medal-item.locked .medal-nm{color:var(--muted,#6b7076);}

/* medals.php rows: lite `body.lite-v31 .card{padding:0}` left the sticker and the
   "Earned …" / "0 of 1" text touching the card edges — extra class wins on specificity */
body .card.medal-card{padding:12px 14px;}

/* sticker + name/description on one line (medals.php earned list, admin/user.php) */
.medal-row-inline{display:flex;align-items:center;gap:14px;}
.medal-row-inline .medal-nm{font-weight:800;font-size:14.5px;color:var(--ink,#141518);}

/* small stickers inside an admin table cell */
.medal-stk--cell{vertical-align:middle;}