/* GuildLoot-Itemkarte (gl-karte.js): eine Karte für Classic Era, TBC Anniversary, WoW Forever und Retail. */
.glk{width:340px;max-width:100%;border:1px solid #4a5f8f;border-radius:12px;background:linear-gradient(180deg,#0f1a31,#0a1224);box-shadow:0 18px 50px -12px rgba(0,0,0,.85),0 0 0 1px rgba(0,0,0,.4);
 font:400 13.5px/1.4 Inter,"DM Sans",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#e9eefb;overflow:hidden;text-align:left}
.glk-retail{border-color:rgba(139,108,255,.8)}
.glk-era{border-color:rgba(245,197,66,.6)}
.glk-tbc{border-color:rgba(155,229,106,.55)}
.glk-forever{border-color:rgba(90,169,255,.6)}
.glk p{margin:2px 0;padding:0}
.glk-h{display:flex;gap:11px;align-items:flex-start;padding:12px 13px 8px}
.glk-ic{flex:none;display:block;width:44px;height:44px;border-radius:8px;border:1px solid #3a4a6b;background:#0b1020;object-fit:cover}
.glk-b-uncommon{border-color:#1eff00}.glk-b-rare{border-color:#3d9bff}.glk-b-epic{border-color:#b964ff}.glk-b-legendary{border-color:#ff8000}.glk-b-artifact{border-color:#e6cc80}
.glk-ht{min-width:0}
.glk-n{display:block;font-size:16px;line-height:1.2;font-weight:700}
.glk .gl-q-rare{color:#3d9bff!important}.glk .gl-q-epic{color:#c27cff!important}
.glk-sub{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:4px;color:#ffd970;font-size:12.5px}
.glk-vb{display:inline-flex;align-items:center;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:800;letter-spacing:.06em;border:1px solid}
.glk-vb-era{color:#f5c542;border-color:rgba(245,197,66,.55);background:rgba(245,197,66,.08)}
.glk-vb-tbc{color:#9be56a;border-color:rgba(155,229,106,.55);background:rgba(155,229,106,.08)}
.glk-vb-forever{color:#5aa9ff;border-color:rgba(90,169,255,.55);background:rgba(90,169,255,.08)}
.glk-vb-retail{color:#b9a8ff;border-color:rgba(139,108,255,.65);background:rgba(139,108,255,.12)}
.glk-b{padding:0 13px 10px}
.glk-two{display:flex;justify-content:space-between;gap:12px}
.glk-mut{color:#a7b5cf}
.glk-ps{display:inline-block;margin-right:4px;padding:1px 7px;border-radius:999px;background:#1c2741;border:1px solid #33456b;font-size:12px;font-weight:700}
.glk-soon{margin:8px 0 2px;padding:8px 10px;border:1px dashed #3d4f78;border-radius:8px;color:#b9c5dc;font-size:12.5px}
.glk-soon b{color:#fff}
/* Classic-Zeilen aus gl-tooltip.js (gleiche Klassen wie der bisherige Tooltip) */
.glk-classic{position:static;padding:0 13px 10px}
.glk-classic p{color:#e9eefb}
.glk-classic p:has(.gl-r){display:flex;justify-content:space-between;gap:16px}
.glk-classic .gl-r{white-space:nowrap}
.glk-classic .gl-green{color:#3fd35a}
.glk-classic .gl-yellow{color:#ffd970}
.glk-classic .gl-mut{color:#a7b5cf}
.glk-classic .gl-white{color:#fff}
.glk-classic .gl-ind{padding-left:10px}
.glk-classic .gl-gap{height:6px}
.glk-classic .gl-sell{margin-top:3px;color:#a7b5cf}
.glk-classic .gl-note{margin-top:4px;color:#c9b27a;font-size:11.5px}
.glk-classic .gl-src{margin-top:6px;padding-top:4px;border-top:1px solid rgba(255,255,255,.1);color:#8f9bb8;font-size:10.5px}
.glk-classic .gl-sock::before{content:"";display:inline-block;width:9px;height:9px;margin-right:6px;border-radius:2px;border:1px solid #777;background:#333;vertical-align:-1px}
.glk-classic .gl-sock-1::before{background:#bbb}.glk-classic .gl-sock-2::before{background:#c0352b}.glk-classic .gl-sock-4::before{background:#d8b72a}.glk-classic .gl-sock-8::before{background:#3463c9}
.glk-s{padding:9px 13px;border-top:1px solid #22324f;background:rgba(255,255,255,.02);font-size:12.8px}
.glk-sl{display:block;margin-bottom:2px;color:#a7b5cf;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.glk-s b{color:#fff}
.glk-s small{display:block;color:#7f90b0;font-size:11.5px}
.glk-s2{margin-top:5px}
.glk-f{display:flex;align-items:center;gap:8px;padding:9px 13px;border-top:1px solid #22324f;background:#0b1428}
.glk-ip{color:#f5c542!important;font-weight:800;font-size:13px;text-decoration:none}
.glk-ip:hover,.glk-ip:focus-visible{text-decoration:underline}
.glk-wl{margin-left:auto;display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:5px 10px;border:1px solid rgba(245,197,66,.5);border-radius:8px;background:transparent;color:#f5c542;font-family:inherit;font-weight:800;font-size:13px;line-height:1.2;cursor:pointer}
.glk-wl[aria-pressed=true]{background:rgba(245,197,66,.14);border-color:#f5c542}
.glk-wl.glk-full{border-color:#ff8a5c;color:#ff8a5c}
.glk-wl:focus-visible,.glk-ip:focus-visible{outline:2px solid #f5c542;outline-offset:2px}
@media (max-width:760px){.glk{width:100%}}