/* === SECTION 1: SPEEDRAIL === */
.item-button[data-item-code^="S1_"] {
    border: none;
    background-color: transparent;
    padding: 0;
    min-width: 40px;
    min-height: 60px;
}
.item-button[data-item-code^="S1_"]:hover {
    background-color: rgba(224, 224, 224, 0.3);
    border-radius: 4px;
}
.item-button[data-item-code^="S1_"]::before {
    content: " ";
    background-image: url("https://play.rosebud.ai/assets/bottle..png?oLA6");
    background-size: contain;  
    background-repeat: no-repeat;
    background-position: center;
    width: 65px;
    height: 100px;
    display: block;
}

/* === SECTION 2: GLASSWARE === */
.item-button[data-item-code^="S2_"] {
    border: none !important;
    background-color: transparent !important;
    padding: 5px;
}

.item-button[data-item-code^="S2_"]:hover {
    background-color: rgba(224, 224, 224, 0.3) !important;
}

.item-button[data-item-code="S2_1"]::before { 
    content: "";
    background-image: url("https://play.rosebud.ai/assets/minimalist-light-grey-stroke-line-art-of-a-highbal-removebg-preview.png?wUzc");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 50px;
    height: 60px;
    display: inline-block;
} /* Highball glass */

.item-button[data-item-code="S2_2"]::before { 
    content: "";
    background-image: url("https://play.rosebud.ai/assets/minimalist-light-grey-stroke-line-art-of-a-rocks-g-removebg-preview.png?kNOG");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 40px;
    display: inline-block;
} /* Rocks glass */

.item-button[data-item-code="S2_3"]::before { 
    content: "";  
    background-image: url(https://play.rosebud.ai/assets/Mug.png?gNuz);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #0000;
    width: 50px;
    height: 50px;
    display: inline-block;
} /* Copper Mug */

.item-button[data-item-code="S2_4"]::before { 
    content: "";
    background-image: url("https://rosebud.ai/assets/minimalist-light-grey-stroke-line-art-of-a-wine-gl__2_-removebg-preview.png?e111");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 50px;
    height: 50px;
    display: inline-block;
} /* Wine glass */

.item-button[data-item-code="S2_5"]::before { 
    content: "";
    background-image: url("https://play.rosebud.ai/assets/minimalist-light-grey-stroke-line-art-of-a-coupe-g-removebg-preview.png?ZC7t");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 50px;
    height: 50px;
    display: inline-block;
} /* Coupe glass */

.item-button[data-item-code="S2_6"]::before { 
    content: "";
    background-image: url("https://play.rosebud.ai/assets/minimalist-light-grey-stroke-line-art-of-a-champag-removebg-preview.png?5iCy");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 50px;
    height: 50px;
    display: inline-block;
} /* Champagne flute */

.item-button[data-item-code="S2_7"]::before {
    content: "";
    background-image: url("https://play.rosebud.ai/assets/minimalist-light-grey-stroke-line-art-of-a-small-g-removebg-preview.png?0qqs");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 50px;
    height: 50px;
    display: inline-block;
} /* Angostura Bitter's */

.item-button[data-item-code="S2_8"]::before {
    content: "";
    background-image: url("https://play.rosebud.ai/assets/minimalist-light-grey-stroke-line-art-of-a-small-g-removebg-preview.png?0qqs");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 50px;
    height: 50px;
    display: inline-block;
} /* Peychaud's Bitters */


/* === SECTION 3: FRIDGE === */
.item-button[data-item-code^="S3_"] {
    border: 1px solid #000; /* Default border for fridge items */
}
.item-button[data-item-code^="S3_"]::before { content: "🥤"; font-size: 24px; color: #000;} /* Generic drink/can for mixers */
.item-button[data-item-code="S3_1"],
.item-button[data-item-code="S3_2"],
.item-button[data-item-code="S3_3"],
.item-button[data-item-code="S3_4"],
.item-button[data-item-code="S3_5"],
    .item-button[data-item-code="S3_6"] {
    border: none; /* Remove border for new soda icons */
    background-color: transparent; /* Ensure transparent background */
}
.item-button[data-item-code="S3_1"]::before,
.item-button[data-item-code="S3_2"]::before,
.item-button[data-item-code="S3_3"]::before,
.item-button[data-item-code="S3_4"]::before,
.item-button[data-item-code="S3_5"]::before,
.item-button[data-item-code="S3_6"]::before {
    content: "";
    background-image: url("https://play.rosebud.ai/assets/soda.png?vhfW");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 55px;
    display: inline-block;
}
.item-button[data-item-code="S3_7"],
.item-button[data-item-code="S3_8"],
.item-button[data-item-code="S3_9"],
.item-button[data-item-code="S3_10"] {
    border: none; /* Remove border for new juice icons */
    background-color: transparent;
}
.item-button[data-item-code="S3_7"]::before,
.item-button[data-item-code="S3_8"]::before,
.item-button[data-item-code="S3_9"]::before,
.item-button[data-item-code="S3_10"]::before {
    content: "";
    background-image: url("https://play.rosebud.ai/assets/juice.png?fek3");
    background-size: contain;https:
    background-repeat: no-repeat;
    background-position: center;
    width: 50px;
    height: 70px;
    display: inline-block;
}
.item-button[data-item-code="S3_11"] {
    border: none; /* Remove border for new PB icon */
    background-color: transparent;
}
.item-button[data-item-code="S3_11"]::before {
    content: "";
    background-image: url("https://play.rosebud.ai/assets/PB.png?l7WJ");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 60px;
    display: inline-block;
}
.item-button[data-item-code="S3_12"],
.item-button[data-item-code="S3_13"] {
    border: none; /* Remove border for new bubbly icons */
    background-color: transparent;
}
.item-button[data-item-code="S3_12"]::before,
.item-button[data-item-code="S3_13"]::before {
    content: "";
    background-image: url("https://play.rosebud.ai/assets/Bubbles.png?xhre");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 50px;
    height: 60px;
    display: inline-block;
}
.item-button[data-item-code="S3_14"] {
    border: none; /* Remove border for new milk icon */
    background-color: transparent;
}
.item-button[data-item-code="S3_14"]::before {
    content: "";
    background-image: url("https://play.rosebud.ai/assets/juice.png?fek3");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 50px;
    height: 70px;
    display: inline-block;
}
.item-button[data-item-code="S3_15"],
.item-button[data-item-code="S3_16"] {
    border: none; /* Remove border for new purée icons */
    background-color: transparent;
}
.item-button[data-item-code="S3_15"]::before,
.item-button[data-item-code="S3_16"]::before {
    content: "";
    background-image: url("https://play.rosebud.ai/assets/Squeeze%20btl.png?u66L");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 30px;
    height: 60px;
    display: inline-block;
}