:root {
    --navbar-height: 56px;
}

body {
    /* text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5); */
}

.has-nav main {
    padding-top: var(--navbar-height);
}

main::before {
    content: '';
    position: fixed;
    inset: 0;
    box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
    pointer-events: none;
    z-index: 1025; /* below Bootstrap's fixed navbar (1030) so nav dropdowns render on top */
}

.has-nav main::before {
    inset: var(--navbar-height) 0 0 0;
}

/* Rarity border colors — suffix matches Rarity.value (e.g. rarity-common) */
.rarity-common    { border-color: rgba(255, 255, 255, 0.65) !important; }
.rarity-uncommon  { border-color: var(--bs-success) !important; }
.rarity-rare      { border-color: var(--bs-primary) !important; }
.rarity-epic      { border-color: #a855f7 !important; }
.rarity-legendary { border-color: var(--bs-warning) !important; }

/* Item shop table rows — clickable for buy/sell */
tr[data-sell-url],
tr[data-buy-url] {
  cursor: pointer;
}

/* Unaffordable shop items — not clickable */
tr.item-shop-unaffordable {
  cursor: default;
  opacity: 0.85;
}

/* Equip/unequip gear — clickable */
.gear-unequip,
.gear-equip {
  cursor: pointer;
}

/* Wider dropdown for equip picker (item squares) */
.dropdown-menu-equip-picker {
  min-width: 200px;
}

/* Item square — fixed-size tile; layout/positioning via Bootstrap utilities */
.item-square {
    width: 50px;
    height: 50px;
    border-color: rgba(255, 255, 255, 0.15);
    border-style: solid;
}

/* Talisman slot-specific corner radius — visual cue for slot position (1–6 in 2x3 grid) */
.item-square.talisman-slot-1 { border-radius: 1.6rem 0.25rem 0.25rem 0.25rem; }
.item-square.talisman-slot-2 { border-radius: 1.6rem 1.6rem 0.25rem 0.25rem; }
.item-square.talisman-slot-3 { border-radius: 0.25rem 1.6rem 0.25rem 0.25rem; }
.item-square.talisman-slot-4 { border-radius: 0.25rem 0.25rem 0.25rem 1.6rem; }
.item-square.talisman-slot-5 { border-radius: 0.25rem 0.25rem 1.6rem 1.6rem; }
.item-square.talisman-slot-6 { border-radius: 0.25rem 0.25rem 1.6rem 0.25rem; }

#battle-log {
  max-height: 8rem;
  overflow-y: auto;
}