/* IdleAI custom tooltips (Bootstrap 5 custom-class) */
.tooltip.idleai-tooltip .tooltip-inner {
  background-color: #2b2b2b;
  color: #f8f9fa;
  border: 1px solid #444;
  border-radius: 6px;
  padding: 8px 10px;
  max-width: 320px;
  text-align: left;
  font-size: 0.9rem;
}
.tooltip.idleai-tooltip .tooltip-arrow::before {
  border-top-color: #2b2b2b !important;
}

/* MMO-style header + divider */
.idleai-tip-name {
  font-weight: 600;
  display: block;
  margin-bottom: 6px;
}
.idleai-tip-sep {
  height: 1px;
  background: linear-gradient(90deg, rgba(255,255,255,0.12), rgba(255,255,255,0.35), rgba(255,255,255,0.12));
  margin: 6px 0;
}
.idleai-tip-line { display: block; }

/* Rarity colors */
.rarity-common { color: #e5e5e5; }
.rarity-uncommon { color: #1eff00; }
.rarity-rare { color: #0070dd; }
.rarity-epic { color: #a335ee; }
.rarity-legendary { color: #ff8000; }

/* Muted label in tooltip */
.idleai-tip-muted { color: #c2c7cf; opacity: 0.9; }

/* Rarity outline for item icons (applies to img/div wrappers) */
.rarity-outline {
  border: 2px solid rgba(255,255,255,0.25);
  border-radius: 6px;
  box-sizing: border-box;
  display: inline-block; /* ensure borders render consistently on imgs/divs */
}
.rarity-outline.rarity-common { border-color: #bfbfbf55; }
.rarity-outline.rarity-uncommon { border-color: #1eff00; }
.rarity-outline.rarity-rare { border-color: #0070dd; }
.rarity-outline.rarity-epic { border-color: #a335ee; }
.rarity-outline.rarity-legendary { border-color: #ff8000; }

/* Softer, thinner rarity highlight for large profile icons.
   Uses a 1px semi‑transparent border plus layered soft glows that fade out. */
.eq-icon-lg.rarity-outline {
  border: 1px solid transparent !important; /* thinner edge */
  box-shadow: none !important; /* per‑rarity rules add soft glows */
}
.eq-icon-lg.rarity-outline.rarity-legendary {
  /* orange */
  border-color: rgba(255, 128, 0, 0.65) !important;
  box-shadow:
    0 0 6px 2px rgba(255, 128, 0, 0.45), /* near glow */
    0 0 14px 6px rgba(255, 128, 0, 0.22); /* far fade */
}
.eq-icon-lg.rarity-outline.rarity-epic {
  /* purple */
  border-color: rgba(163, 53, 238, 0.65) !important;
  box-shadow:
    0 0 6px 2px rgba(163, 53, 238, 0.45),
    0 0 14px 6px rgba(163, 53, 238, 0.22);
}
.eq-icon-lg.rarity-outline.rarity-rare {
  /* blue */
  border-color: rgba(0, 112, 221, 0.65) !important;
  box-shadow:
    0 0 6px 2px rgba(0, 112, 221, 0.45),
    0 0 14px 6px rgba(0, 112, 221, 0.22);
}
.eq-icon-lg.rarity-outline.rarity-uncommon {
  /* green */
  border-color: rgba(30, 255, 0, 0.65) !important;
  box-shadow:
    0 0 6px 2px rgba(30, 255, 0, 0.45),
    0 0 14px 6px rgba(30, 255, 0, 0.22);
}
.eq-icon-lg.rarity-outline.rarity-common {
  /* muted gray */
  border-color: rgba(191, 191, 191, 0.45) !important;
  box-shadow:
    0 0 4px 1px rgba(191, 191, 191, 0.30),
    0 0 10px 4px rgba(191, 191, 191, 0.15);
}