.item-tooltip-wrapper {
    position: relative;
    display: inline-block;
	margin-bottom: 3px;
}

.worldmap-monster-stat-tooltip {
    cursor: help;
    margin-bottom: 0;
}

.item-tooltip {
    display: none;
    position: absolute;
    bottom: 110%;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    background: #111827;
    border: 1px solid #1f2a36;
    border-radius: 6px;
    padding: 8px 10px;
    font-size: 11px;
    color: #e2e8f0;
    text-align: left;
    line-height: 1.5;
    white-space: normal;
    width: 180px;
    z-index: 60;
    pointer-events: none;
}

.item-tooltip.tooltip-bottom {
    bottom: auto;
    top: 110%;
}

/* Tooltip z łupem na kartach potworów w walce — lista przedmiotów i skrzynek
   jest szersza niż standardowe 180px tooltipa przedmiotów. */
.item-tooltip.battle-enemy-loot-tooltip {
    width: 250px;
}

/* Statystyki potwora w tooltipie walki — jedyna zawartość tooltipa (łup jest
   na zakładce Mapa), więc bez dolnej linii-dzielnika po usuniętym łupie. */
.battle-enemy-loot-stats {
    line-height: 1.6;
}
.battle-enemy-loot-stats strong {
    color: #e2e8f0;
}

.item-tooltip-wrapper:hover .item-tooltip:not(:empty) {
    display: block;
}

.tooltip-bonus {
    color: #4ade80;
}

.tooltip-price {
    color: #fbbf24;
}

.tooltip-purchase-badge {
    color: #fbbf24;
    font-size: 11px;
    font-style: italic;
}

.tooltip-pool {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-top: 2px;
}

.tooltip-pool-entry {
    color: #cbd5e1;
    font-size: 11px;
}

.tooltip-pool-entry em {
    color: #60a5fa;
    font-style: normal;
    font-weight: 600;
}

.tooltip-divider {
    border: none;
    border-top: 1px solid #1f2a36;
    margin: 6px 0;
}

.tooltip-compare-title {
    font-size: 10px;
    color: #64748b;
    margin-bottom: 2px;
}

.tooltip-compare-up {
    color: #4ade80;
    font-size: 11px;
}

.tooltip-compare-down {
    color: #f87171;
    font-size: 11px;
}

.tooltip-compare-note {
    font-size: 11px;
    color: #64748b;
    font-style: italic;
}

/* Wspólny znacznik informacji używany w technikach, rynku, arenie i walce. */
.info-icon {
    position: relative;
    display: flex;
    width: 16px;
    height: 16px;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
    border-radius: 50%;
    background: #353F4A;
    color: #94a3b8;
    font-size: 11px;
    font-weight: bold;
    cursor: help;
}

.info-icon .tooltip {
    position: absolute;
    z-index: 50;
    top: 130%;
    left: 50%;
    display: none;
    width: max-content;
    max-width: min(280px, calc(100vw - 32px));
    padding: 8px 12px;
    border: 1px solid #1f2a36;
    border-radius: 6px;
    transform: translateX(-50%);
    background: #111827;
    color: #e2e8f0;
    font-size: 12px;
    line-height: 1.6;
    text-align: left;
    white-space: normal;
}

.info-icon:hover .tooltip {
    display: block;
}

.modal-header h2 .info-icon {
    display: inline-flex;
    width: 15px;
    height: 15px;
    margin: 0 0 2px 6px;
    vertical-align: middle;
    font-size: 10px;
}

.modal-header h2 .info-icon .tooltip {
    top: 150%;
    left: 0;
    transform: none;
}