/* Shared item icon hover effect across the wiki. */

:root {
    --wiki-item-hover-border: #5d3210;
    --wiki-item-hover-bg: #fff9df;
    --wiki-item-hover-shadow: 0 3px 9px rgba(29, 13, 3, 0.28), inset 0 0 8px rgba(112, 68, 27, 0.16);
}

.shop-item-tile,
.chest-drop-tile,
.map-drop-tile,
.mob-drop-tile,
.crafting-item-icon,
.effect-card-icon,
.armor-upgrade-thumb,
.refine-chain-evolution-icon,
.crafting-category-list-icon--img,
.item-icon,
.detail-icon {
    transition: transform 140ms ease, border-color 140ms ease, box-shadow 140ms ease, background-color 140ms ease, filter 140ms ease;
}

.refine-chain-evolution-icon,
.crafting-category-list-icon--img {
    border: 1px solid transparent;
    border-radius: 6px;
}

.shop-item-tile > img,
.chest-drop-tile > img,
.map-drop-tile > img,
.mob-drop-tile > img,
.crafting-item-icon > img,
.effect-card-icon > img,
.armor-upgrade-thumb img,
.refine-chain-evolution-icon img,
.crafting-category-list-icon--img > img {
    transition: transform 140ms ease, filter 140ms ease;
}

.shop-item-tile:hover,
.shop-item-tile:focus-visible,
.shop-item-tile:focus-within,
.chest-drop-tile:hover,
.chest-drop-tile:focus-visible,
.chest-drop-tile:focus-within,
.map-drop-tile:hover,
.map-drop-tile:focus-visible,
.map-drop-tile:focus-within,
.mob-drop-tile:hover,
.mob-drop-tile:focus-visible,
.mob-drop-tile:focus-within {
    top: 0;
    z-index: 30;
    border-color: var(--wiki-item-hover-border);
    background: var(--wiki-item-hover-bg);
    box-shadow: var(--wiki-item-hover-shadow);
    outline: none;
    transform: none;
}

.mob-drop-tile:hover,
.mob-drop-tile:focus-visible,
.mob-drop-tile:focus-within,
.entity-card:hover,
.entity-card:focus-visible,
.effect-card:hover,
.effect-card:focus-visible,
.refine-chain-evolution:hover,
.refine-chain-evolution:focus-visible,
.wiki-entity-link--item:hover,
.wiki-entity-link--item:focus-visible,
.wiki-entity-link--item:focus-within,
.wiki-entity-link--mob:hover,
.wiki-entity-link--mob:focus-visible,
.wiki-entity-link--mob:focus-within {
    text-decoration: none;
}

.crafting-item-tile:hover,
.crafting-item-tile:focus-visible,
.crafting-item-tile:focus-within {
    top: 0;
    z-index: 30;
    border-color: transparent;
    background: transparent;
    box-shadow: none;
    text-decoration: none;
    transform: none;
}

.shop-item-tile:hover > img,
.shop-item-tile:focus-visible > img,
.shop-item-tile:focus-within > img,
.chest-drop-tile:hover > img,
.chest-drop-tile:focus-visible > img,
.chest-drop-tile:focus-within > img,
.map-drop-tile:hover > img,
.map-drop-tile:focus-visible > img,
.map-drop-tile:focus-within > img,
.mob-drop-tile:hover > img,
.mob-drop-tile:focus-visible > img,
.mob-drop-tile:focus-within > img,
.crafting-item-tile:hover .crafting-item-icon > img,
.crafting-item-tile:focus-visible .crafting-item-icon > img,
.crafting-item-tile:focus-within .crafting-item-icon > img,
.effect-card:hover .effect-card-icon > img,
.effect-card:focus-visible .effect-card-icon > img,
.armor-upgrade-thumb:hover img,
.armor-upgrade-thumb:focus-visible img,
.refine-chain-evolution:hover .refine-chain-evolution-icon img,
.refine-chain-evolution:focus-visible .refine-chain-evolution-icon img,
.shop-list-row:hover .crafting-category-list-icon--img > img,
.shop-list-row:focus-visible .crafting-category-list-icon--img > img {
    filter: brightness(1.08) saturate(1.08);
}

.crafting-item-tile:hover .crafting-item-icon,
.crafting-item-tile:focus-visible .crafting-item-icon,
.crafting-item-tile:focus-within .crafting-item-icon,
.effect-card:hover .effect-card-icon,
.effect-card:focus-visible .effect-card-icon,
.armor-upgrade-thumb:hover,
.armor-upgrade-thumb:focus-visible,
.refine-chain-evolution:hover .refine-chain-evolution-icon,
.refine-chain-evolution:focus-visible .refine-chain-evolution-icon,
.shop-list-row:hover .crafting-category-list-icon--img,
.shop-list-row:focus-visible .crafting-category-list-icon--img,
.detail-icon:hover,
.entity-card:hover .item-icon,
.entity-card:focus-visible .item-icon {
    border-color: var(--wiki-item-hover-border);
    background: var(--wiki-item-hover-bg);
    box-shadow: var(--wiki-item-hover-shadow);
    filter: brightness(1.08) saturate(1.08);
    transform: translateY(-1px);
}

.wiki-entity-link > img,
.wiki-entity-link > .wiki-entity-link-icon,
.wiki-entity-link:hover > img,
.wiki-entity-link:focus-visible > img,
.wiki-entity-link:focus-within > img,
.wiki-entity-link:hover > .wiki-entity-link-icon,
.wiki-entity-link:focus-visible > .wiki-entity-link-icon,
.wiki-entity-link:focus-within > .wiki-entity-link-icon {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    filter: none;
    transform: none;
}

.wiki-home .wiki-icon-link img {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    filter: none;
    transform: none;
    transition: transform 140ms ease, filter 140ms ease;
}

.wiki-home .wiki-icon-link:hover img,
.wiki-home .wiki-icon-link:focus-visible img {
    filter: brightness(1.08) saturate(1.08);
    transform: translateY(-1px);
}

.wiki-home .wiki-icon-link--disabled:hover img {
    filter: none;
    transform: none;
}