/* POE2 Sockets Styles - Adapted from official POE2 site */

/* Socket Links (POE2 doesn't use links like POE1, but keep the structure for compatibility) */
.poe-icon[data-game="poe2"] .poe-link {
    display: none; /* No links in POE2 */
}

/* Sockets Container */
.poe-icon[data-game="poe2"] .poe-sockets {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
}

/* Individual Socket */
.poe-icon[data-game="poe2"] .poe-socket {
    width: 35px;
    height: 35px;
    background: none no-repeat center;
    position: absolute;
}

/* Base Rune Socket (gray background) */
.poe-icon[data-game="poe2"] .poe-socket--rune {
    background: url('/app/assets/socket2.png') no-repeat center/35px auto;
    background-position: 0px -140px;
    width: 35px;
    height: 35px;
}

.poe-icon[data-game="poe2"] .poe-socket--rune:after {
    width: 35px;
    height: 35px;
    background: url('/app/assets/socket2.png') no-repeat center/35px auto;
    display: block;
    content: " ";
}

/* Rune Types */
.poe-icon[data-game="poe2"] .poe-socket--rune--rune:after {
    background-position: 0px -210px;
}

.poe-icon[data-game="poe2"] .poe-socket--rune--soulcore:after {
    background-position: 0px -280px;
}

.poe-icon[data-game="poe2"] .poe-socket--rune--primaltalisman:after {
    background-position: 0px -175px;
}

.poe-icon[data-game="poe2"] .poe-socket--rune--vividtalisman:after {
    background-position: 0px -315px;
}

.poe-icon[data-game="poe2"] .poe-socket--rune--wildtalisman:after {
    background-position: 0px -350px;
}

.poe-icon[data-game="poe2"] .poe-socket--rune--sacredtalisman:after {
    background-position: 0px -245px;
}

/* Base Jewel Socket (gray background) */
.poe-icon[data-game="poe2"] .poe-socket--jewel {
    background: url('/app/assets/socket2.png') no-repeat center/35px auto;
    background-position: 0px -35px;
    width: 35px;
    height: 35px;
}

.poe-icon[data-game="poe2"] .poe-socket--jewel:after {
    width: 35px;
    height: 35px;
    background: url('/app/assets/socket2.png') no-repeat center/35px auto;
    display: block;
    content: " ";
}

/* Jewel Types */
.poe-icon[data-game="poe2"] .poe-socket--jewel--emerald:after {
    background-position: 0px 0px;
}

.poe-icon[data-game="poe2"] .poe-socket--jewel--sapphire:after {
    background-position: 0px -105px;
}

.poe-icon[data-game="poe2"] .poe-socket--jewel--ruby:after {
    background-position: 0px -70px;
}