/* v11z6b: gold DROPS-tag border, outer glow, and shine on weapon/blueprint tiles.
   Do not put the sheen gradient or an inset gold glow behind the fill —
   the live fill is semi-transparent and would pick up a brown/olive tint.
   Layout, size, radius, and the live interior color stay unchanged.
   Compact mk-htag tags and fullcards already have the approved chrome — leave them alone. */

a.weapon-tile{
  --drops-sheen:linear-gradient(165deg, #FFF3C4 0%, #E4C25A 42%, #C9A227 78%, #8A6416 100%);
  border:1px solid transparent !important;
  box-shadow:
    0 0 0 1px rgba(228,194,90,.16),
    0 0 18px -6px rgba(228,194,90,.55) !important;
}

a.weapon-tile:hover,
a.weapon-tile:focus-visible,
a.weapon-tile:focus-within{
  border:1px solid transparent !important;
  box-shadow:
    0 0 0 1px rgba(228,194,90,.45),
    0 0 22px -4px rgba(228,194,90,.75) !important;
}

/* Hide the yellow/blue top hairline. Does not change the box size. */
a.weapon-tile::before{
  content:none !important;
  display:none !important;
  background:none !important;
  box-shadow:none !important;
}

/* 1px metallic sheen ring only — no fill, no inset wash. */
a.weapon-tile::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  border-radius:inherit !important;
  padding:1px !important;
  box-sizing:border-box !important;
  pointer-events:none !important;
  background:var(--drops-sheen) !important;
  background-clip:border-box !important;
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0) !important;
  -webkit-mask-composite:xor !important;
  mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0) !important;
  mask-composite:exclude !important;
  box-shadow:none !important;
  animation:none !important;
  transform:none !important;
  opacity:1 !important;
  z-index:3;
}

/* Shine must sit above the photo; padding is 0 so a behind-content sweep would be invisible. */
a.weapon-tile > .mk-htag__shine,
a.weapon-tile > .mk-htag__spark,
a.weapon-tile > .mk-htag__spark--2,
a.weapon-tile > .mk-htag__spark--3{
  z-index:4;
}

/* v11z7: same DROPS-tag gold ring, outer glow, and shine on Loot hub category tiles.
   Do not restyle the photo, the fade overlay (::after), or the fill.
   Border stays 1px so the box size matches live. */

.loot-hub__toggle{
  --drops-sheen:linear-gradient(165deg, #FFF3C4 0%, #E4C25A 42%, #C9A227 78%, #8A6416 100%);
  border:1px solid transparent !important;
  box-shadow:
    0 0 0 1px rgba(228,194,90,.16),
    0 0 18px -6px rgba(228,194,90,.55) !important;
}

.loot-hub__toggle:hover,
.loot-hub__toggle:focus-visible{
  border:1px solid transparent !important;
  box-shadow:
    0 0 0 1px rgba(228,194,90,.45),
    0 0 22px -4px rgba(228,194,90,.75) !important;
}

.loot-hub__toggle[aria-pressed="true"],
.loot-hub__toggle[aria-pressed="true"]:hover{
  border:1px solid transparent !important;
  box-shadow:
    0 0 0 1px rgba(228,194,90,.45),
    0 0 22px -4px rgba(228,194,90,.75) !important;
  animation:none !important;
}

.loot-hub__toggle:focus-visible{
  outline:2px solid #E4C25A !important;
  outline-offset:2px !important;
}

/* 1px metallic sheen ring. ::after stays the photo fade — do not replace it. */
.loot-hub__toggle::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  border-radius:inherit !important;
  padding:1px !important;
  box-sizing:border-box !important;
  pointer-events:none !important;
  background:var(--drops-sheen) !important;
  background-clip:border-box !important;
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0) !important;
  -webkit-mask-composite:xor !important;
  mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0) !important;
  mask-composite:exclude !important;
  box-shadow:none !important;
  animation:none !important;
  transform:none !important;
  opacity:1 !important;
  z-index:6;
}

.loot-hub__toggle > .mk-htag__shine,
.loot-hub__toggle > .mk-htag__spark,
.loot-hub__toggle > .mk-htag__spark--2,
.loot-hub__toggle > .mk-htag__spark--3{
  z-index:2;
}

/* Keep the label above the shine sweep. */
.loot-hub__toggle .loot-hub__toggle-lab{
  z-index:5;
}

/* v11z8: Item fullcards only — crop the in-game button panel via shorter art,
   no letterbox, description under the title. Does not target compact DROPS
   tags, weapon fullcards, or key fullcards. */
.loot-hub--v10u a.mk-htag.mk-htag--fullcard[data-category~="items"]{
  grid-template-rows:auto auto;
  height:auto;
  align-self:start;
}
.loot-hub--v10u a.mk-htag.mk-htag--fullcard[data-category~="items"] .mk-htag__art{
  aspect-ratio:1.092 / 1;
  width:100%;
  height:auto;
  min-height:0;
  align-self:start;
  overflow:hidden;
  background:#05070b;
}
.loot-hub--v10u a.mk-htag.mk-htag--fullcard[data-category~="items"] .mk-htag__art img,
.loot-hub--v10u a.mk-htag.mk-htag--fullcard[data-category~="items"] .mk-htag__full{
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  object-fit:cover;
  object-position:bottom center;
}
.loot-hub--v10u a.mk-htag.mk-htag--fullcard[data-category~="items"] .mk-htag__desc{
  height:4.05em; /* 3 lines of 1.35 — keeps empty and long descriptions the same size */
  flex:none;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}

.loot-hub--v10u a.mk-htag.mk-htag--fullcard[data-category~="items"] .mk-htag__top{
  min-height:2.4em;
  align-items:flex-start;
}
.loot-hub--v10u a.mk-htag.mk-htag--fullcard[data-category~="items"] .mk-htag__title{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}


/* v12a: compact DROPS tags always use the live All-catalog format
   (48px thumbnail visible, name + pill in the text column), even on
   weapons views. These overrides only undo the v11g hide-art rules.
   They do not restyle the All catalog, which already uses this format. */
.loot-hub--v10u.is-weapons-view [data-loot-grid="compact"] .mk-htag[data-type="weapon"] .mk-htag__art,
[data-weapon-showcase="compact"] .mk-htag__art{
  display:flex !important;
  width:48px !important;
  height:48px !important;
}

/* Restore the All-catalog 48px grid on weapons compact lists that were
   missing mk-boss-tile.css. Same values as live .mk-htag. */
[data-weapon-showcase="compact"] a.mk-htag:not(.mk-htag--fullcard){
  display:grid !important;
  grid-template-columns:48px minmax(0, 1fr) !important;
  gap:0 10px;
  align-items:center;
  box-sizing:border-box;
  padding:6px 8px 6px 6px;
}

/* v12a-keys: Key fullcards use the same vest full-tag treatment as items —
   cropped button panel, description under the title, uniform size.
   Scoped to fullcards only; compact DROPS tags are untouched. */
.loot-hub--v10u a.mk-htag.mk-htag--fullcard[data-category~="keys"]{
  grid-template-rows:auto auto;
  height:auto;
  align-self:start;
}
.loot-hub--v10u a.mk-htag.mk-htag--fullcard[data-category~="keys"] .mk-htag__art{
  aspect-ratio:1.020 / 1;
  width:100%; height:auto; min-height:0; align-self:start; overflow:hidden; background:#05070b;
}
.loot-hub--v10u a.mk-htag.mk-htag--fullcard[data-category~="keys"] .mk-htag__art img,
.loot-hub--v10u a.mk-htag.mk-htag--fullcard[data-category~="keys"] .mk-htag__full{
  width:100%; height:100%; max-width:none; max-height:none; object-fit:cover; object-position:bottom center;
}
.loot-hub--v10u a.mk-htag.mk-htag--fullcard[data-category~="keys"] .mk-htag__desc{
  height:4.05em;
  flex:none; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;
}
.loot-hub--v10u a.mk-htag.mk-htag--fullcard[data-category~="keys"] .mk-htag__top{
  min-height:2.4em;
  align-items:flex-start;
}
.loot-hub--v10u a.mk-htag.mk-htag--fullcard[data-category~="keys"] .mk-htag__title{
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;
}
