/* Rarity Colors */
.rarity-Common { color: #a0a0a0; } /* Light Gray */
.rarity-Uncommon { color: #60a030; } /* Green */
.rarity-Rare { color: #3060a0; } /* Blue */
.rarity-Epic { color: #a030a0; } /* Purple */
.rarity-Legendary { color: #ff8000; } /* Orange */
.rarity-Mythic { color: #ff0000; } /* Red */

/* Shared Item Styles */
.inventory-item {
    touch-action: manipulation;
    cursor: pointer;
}

.highlighted-item {
    border: 2px solid #c0a060 !important;
    box-shadow: 0 0 10px rgba(192, 160, 96, 0.7) !important;
}

/* Unified Rarity Glow for Slots (Inventory, Bags, Equipment) */
.inventory-slot.has-item[data-item-rarity="Common"],
.bag-slot.has-item[data-item-rarity="Common"],
.equipment-slot.occupied[data-item-rarity="Common"] {
    border-color: #a0a0a0;
    box-shadow: 0 0 8px 2px rgba(160, 160, 160, 0.7);
}

.inventory-slot.has-item[data-item-rarity="Uncommon"],
.bag-slot.has-item[data-item-rarity="Uncommon"],
.equipment-slot.occupied[data-item-rarity="Uncommon"] {
    border-color: #60a030;
    box-shadow: 0 0 8px 2px rgba(96, 160, 48, 0.7);
}

.inventory-slot.has-item[data-item-rarity="Rare"],
.bag-slot.has-item[data-item-rarity="Rare"],
.equipment-slot.occupied[data-item-rarity="Rare"] {
    border-color: #3060a0;
    box-shadow: 0 0 8px 2px rgba(48, 96, 160, 0.7);
}

.inventory-slot.has-item[data-item-rarity="Epic"],
.bag-slot.has-item[data-item-rarity="Epic"],
.equipment-slot.occupied[data-item-rarity="Epic"] {
    border-color: #a030a0;
    box-shadow: 0 0 8px 2px rgba(160, 48, 160, 0.7);
}

.inventory-slot.has-item[data-item-rarity="Legendary"],
.bag-slot.has-item[data-item-rarity="Legendary"],
.equipment-slot.occupied[data-item-rarity="Legendary"] {
    border-color: #ff8000;
    box-shadow: 0 0 8px 2px rgba(255, 128, 0, 0.7);
}

.inventory-slot.has-item[data-item-rarity="Mythic"],
.bag-slot.has-item[data-item-rarity="Mythic"],
.equipment-slot.occupied[data-item-rarity="Mythic"] {
    border-color: #ff0000;
    box-shadow: 0 0 8px 2px rgba(255, 0, 0, 0.7);
}

/* Item Context Menu Styles */
.item-context-menu {
    display: none; /* Hidden by default */
    flex-direction: column;
    position: fixed; /* Position relative to the viewport */
    background-color: rgba(30, 30, 30, 0.95);
    border: 1px solid #6a5a4a;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.7);
    z-index: 1000; /* Ensure it's above other content */
    padding: 5px;
}

.item-context-menu button {
    background: #4a3a2a;
    color: #e0e0e0;
    border: 1px solid #6a5a4a;
    border-radius: 3px;
    padding: 8px 12px;
    margin: 3px 0;
    cursor: pointer;
    font-family: var(--player-font, 'Cinzel Decorative'), cursive, Arial, sans-serif;
    font-size: 0.9em;
    transition: background 0.2s ease;
}

.item-context-menu button:hover:not(:disabled) {
    background: #6a4a3a;
}

.item-context-menu button#discardItemButton,
.item-context-menu button#destroyEquippedItemButton {
    background: #a03030;
    border-color: #c04040;
}

.item-context-menu button#discardItemButton:hover:not(:disabled),
.item-context-menu button#destroyEquippedItemButton:hover:not(:disabled) {
    background: #c04040;
}

.item-context-menu button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}