// ** Berries Code ** //

// ** Asper - Sour / Cheri - Spicy / Chesto - Dry / Pecha - Sweet / Rawst - Bitter ** //

// ** Variables ** //
:root {
    --AsperBerry = url("https://i.postimg.cc/GhVcHGtD/Celestial-Berries-Sour.png")!important;
    --CheriBerry = url("https://i.postimg.cc/g2sT8q4J/Celestial-Berries-Spicy.png")!important;
    --ChestoBerry = url("https://i.postimg.cc/9fNgNm6H/Celestial-Berries-Dry.png")!important; 
    --PechaBerry = url("https://i.postimg.cc/B6L7WW3L/Celestial-Berries-Sweet.png")!important;
    --RawstBerry = url("https://i.postimg.cc/y8sGDrmt/Celestial-Berries-Bitter.png")!important;
    --OranBerry = url("https://i.postimg.cc/T36Z9vPQ/Celestial-Berries-Oran.png")!important;
}

// ** Asper Berry **//
.showcase .berries[style*="aspearberry.png"], 
.showcase .berries[style*="aspear"], 
#partybox .berries[style*="aspearberry.png"], 
#partybox .berries[style*="aspear"], 
#field_berries .berries[style*="aspearberry.png"], 
#field_berries .berries[style*="aspear"], 
#multiuser .berries[style*="aspearberry.png"], 
#multiuser .berries[style*="aspear"],
#summarypage .berries[style*="aspearberry.png"],
#summarypage .berries[style*="aspear"]
{ background-image: var(--AsperBerry); }

.showcase img[src*="aspearberry.png"], 
.showcase img[src*="aspear"],
#partybox img[src*="aspearberry.png"], 
#partybox img[src*="aspear"],
#field_berries img[src*="aspearberry.png"], 
#field_berries img[src*="aspear"],
#multiuser img[src*="aspearberry.png"], 
#multiuser img[src*="aspear"],
#summarypage img[src*="aspearberry.png"], 
#summarypage img[src*="aspear"]
{ content: var(--AsperBerry); }

// ** Cheri Berry ** //
#partybox .berries[style*="cheriberry.png"], 
#partybox .berries[style*="cheri"],
#field_berries .berries[style*="cheriberry.png"], 
#field_berries .berries[style*="cheri"],
#multiuser .berries[style*="cheriberry.png"], 
#multiuser .berries[style*="cheri"],
#summarypage .berries[style*="cheriberry.png"], 
#summarypage .berries[style*="cheri"]
{ background-image: var(--CheriBerry); }

#partybox img[src*="cheriberry.png"], 
#partybox img[src*="cheri"],
#field_berries img[src*="cheriberry.png"], 
#field_berries img[src*="cheri"],
#multiuser img[src*="cheriberry.png"], 
#multiuser img[src*="cheri"],
#summarypage img[src*="cheriberry.png"], 
#summarypage img[src*="cheri"]
{ content: var(--CheriBerry); }

// ** Chesto Berry ** //
#partybox .berries[style*="chestoberry.png"], 
#partybox .berries[style*="chesto"],
#field_berries .berries[style*="chestoberry.png"], 
#field_berries .berries[style*="chesto"],
#multiuser .berries[style*="chestoberry.png"], 
#multiuser .berries[style*="chesto"],
#summarypage .berries[style*="chestoberry.png"], 
#summarypage .berries[style*="chesto"]
{ background-image: var(--ChestoBerry); }

#partybox img[src*="chestoberry.png"], 
#partybox img[src*="chesto"],
#field_berries img[src*="chestoberry.png"], 
#field_berries img[src*="chesto"],
#multiuser img[src*="chestoberry.png"], 
#multiuser img[src*="chesto"],
#summarypage img[src*="chestoberry.png"], 
#summarypage img[src*="chesto"]
{ content: var(--ChestoBerry); }

// ** Pecha Berry ** //
#partybox .berries[style*="pechaberry.png"],
#partybox .berries[style*="pecha"],
#field_berries .berries[style*="pechaberry.png"],
#field_berries .berries[style*="pecha"],
#multiuser .berries[style*="pechaberry.png"],
#multiuser .berries[style*="pecha"],
#summarypage .berries[style*="pechaberry.png"],
#summarypage .berries[style*="pecha"]
{ background-image: var(--PechaBerry); }

#partybox img[src*="pechaberry.png"],
#partybox img[src*="pecha"],
#field_berries img[src*="pechaberry.png"],
#field_berries img[src*="pecha"],
#multiuser img[src*="pechaberry.png"],
#multiuser img[src*="pecha"],
#summarypage img[src*="pechaberry.png"],
#summarypage img[src*="pecha"]
{ content: var(--PechaBerry); }

// ** Rawst Berry ** //
#partybox .berries[style*="rawstberry.png"],
#partybox .berries[style*="rawst"],
#field_berries .berries[style*="rawstberry.png"],
#field_berries .berries[style*="rawst"],
#multiuser .berries[style*="rawstberry.png"],
#multiuser .berries[style*="rawst"],
#summarypage .berries[style*="rawstberry.png"],
#summarypage .berries[style*="rawst"]
{ background-image: var(--RawstBerry); }

#partybox img[src*="rawstberry.png"],
#partybox img[src*="rawst"],
#field_berries img[src*="rawstberry.png"],
#field_berries img[src*="rawst"],
#multiuser img[src*="rawstberry.png"],
#multiuser img[src*="rawst"],
#summarypage img[src*="rawstberry.png"],
#summarypage img[src*="rawst"]
{ content: var(--RawstBerry); }


// ** Oran Berry ** //
#partybox .berries[style*="oranberry.png"],
#partybox .berries[style*="oran"],
#field_berries .berries[style*="oranberry.png"],
#field_berries .berries[style*="oran"],
#multiuser .berries[style*="oranberry.png"],
#multiuser .berries[style*="oran"],
#summarypage .berries[style*="oranberry.png"],
#summarypage .berries[style*="oran"]
{ background-image: var(--OranBerry); }

#partybox img[src*="oranberry.png"],
#partybox img[src*="oran"],
#field_berries img[src*="oranberry.png"],
#field_berries img[src*="oran"],
#multiuser img[src*="oranberry.png"],
#multiuser img[src*="oran"],
#summarypage img[src*="oranberry.png"],
#summarypage img[src*="oran"]
{ content: var(--OranBerry); }

// ** Remove Border On-Hover ** //
.party > div:hover > .action a[data-berry]::after {
      border-color: transparent;
}

// ** Fit New Images to Button  ** //
// Profile Page Fix
#profilepage #partybox .party > div > .action > .berrybuttons > a {
    line-height: 22px;
}

// Party Page Fix
#partypage #partybox .party > div > .action > .berrybuttons > a {
    line-height: 45px;
}

// Pokemon Summary Page Fix
.party > div > .action > .berrybuttons > a {
    line-height: 47px;
}

// Showcase Page Fix
.showcase .action > .berrybuttons > a.tooltip_trigger img, .showcase .action > .berrybuttons > a img {
    max-width: 100%;
}

// Multiuser Page Fix
#multiuser .party > div[data-pid] > .action .berrybuttons {
    max-height: 100%;
}

// All Pages Fix
.action > .berrybuttons > a.tooltip_trigger, .action > .berrybuttons > a {
    overflow: hidden;
    max-width: 100%;

    img {
        max-width: 73%;
        height: auto;
    }

}