#gstro_my_drinks_section .myDrinksDrinkRow,
#gstro_my_drinks_section .myDrinksHistoryDrinkRow,
#gstro_my_drinks_section .myAverageDrinksDrinkRow{
    padding: 15px 0;
    border-top: 1px solid #E2E6EC;
    min-width: 400px;
}

#gstro_my_drinks_section .myDrinksDrinkInputRow{
    padding: 15px 0;
    min-width: 450px;
}

#gstro_my_drinks_section #myDrinksDrinkInputRowHeader{
    min-width: 450px;
}

#gstro_my_drinks_section #myDrinksDrinkInputRowHeader .myDrinksColumnI,
#gstro_my_drinks_section #myDrinksDrinkInputRowHeader .myDrinksColumnII,
#gstro_my_drinks_section #myDrinksDrinkInputRowHeader .myDrinksColumnIII {
    text-align: left !important;
}

#gstro_my_drinks_section #myDrinksDrinkInputRowHeader .myDrinksColumnIII {
    padding-left: 10px;
}

#gstro_my_drinks_section .gstro_message p{
    margin: 0;
    padding: 45px 0 0 0;
    text-align: end;
    font-size: 12px;
}

#gstro_my_drinks_section .myHistoricDrinksColumnI,
#gstro_my_drinks_section .myDrinksColumnI{
    width: 30%;
    float: left;
    color:#222222;
    height: 25px;
    padding-right: 5%;
}

#gstro_my_drinks_section .myHistoricDrinksColumnII,
#gstro_my_drinks_section .myDrinksColumnII{
    width: 40%;
    float: left;
    color:#222222;
    height: 25px;
    padding-right: 5%;
}

#gstro_my_drinks_section .myHistoricDrinksColumnIII,
#gstro_my_drinks_section .myDrinksColumnIII{
    display: block;
    width: 20%;
    float: right;
    color:#222222;
    height: 25px;
	text-align: center;
}

#gstro_my_drinks_section .myDrinksColumnIII.disabled{
    text-align: end;
}

#gstro_my_drinks_section .myDrinksDrinkInputRow .myDrinksColumnIII{
    float: left;
   /* display: flex;*/
	text-align: right;
}

#gstro_my_drinks_section .myDrinksColumnFifty{
    width: 49%;
    float: left;
    color:#222222;
    height: 25px;
}

#gstro_my_drinks_section .myDrinksColumnQuarter{
    width: 25%;
    float: left;
    color:#222222;
    height: 25px;
}
#gstro_my_drinks_section .myDrinksColumnFirstQuarter{
    width: 25%;
    float: left;
    color:#222222;
    height: 25px;
}

#gstro_my_drinks_section .myDrinksColumnInput{
    margin-bottom: 0;
    border-radius:5px!important;
    border: 1px solid #E2E6EC!important;
    background-color:#FFF!important;
    height: 35px;
    color: rgb(3, 17, 31)!important;
	padding-left: 7px;
}

#gstro_my_drinks_section .myDrinksColumnInput:disabled{
    border: none!important;
}

#gstro_my_drinks_section .columnLargeInput{
    width: 100%;

}

#gstro_my_drinks_section .columnSmallInput{
    max-width: 60px!important;
    margin-right: 5px!important;
	padding-left: 7px;
}

#gstro_my_drinks_section .columnSmallInput:disabled{
    text-align: end;
}

#gstro_my_drinks_section .myDrinks_starNotes{
    font-size: 0.8rem;
    margin-top:5px;
    font-style: italic !important;
}

#gstro_my_drinks_section #myDrinks_oneStar.error b{
    color: red!important;
}

#gstro_my_drinks_section .myDrinksMaxPrice.error{
    border: 1px solid red!important;
    color: red!important;
}

#gstro_my_drinks_section .myDrinksColumnII input.error{
    border: 1px solid red!important;
    color: red!important;
}

#gstro_my_drinks_section .myDrinksColumnIII input.error{
    border: 1px solid red!important;
    color: red!important;
	text-align: center;
}

#gstro_my_drinks_section .gstro_myDrinks_checkDrinksLabel{
    width: 90%;
    margin-left: 10px;
}

#gstro_my_drinks_section #gstro_myDrinks_checkbox{
    margin: 6px 0 auto 0;
}

#gstro_public_content .gstro_historicPriceToggle_outerBox{
    float: right;
    z-index: 50;
    position: inherit;
    height: 30px;
    line-height: 30px;
    margin-left: 20px;
    margin-top: 0px;
    
    
    font-weight: 500;
}
#gstro_public_content .gstro_myDrinks_historicPriceBlock b {
    line-height: 32px;
}

#gstro_public_content #gstro_historicPriceToggle_select{
    font-weight: 300;
    line-height: 25px;
    border-radius: 4px;
    font-family: sans-serif;
    box-shadow: none;
    padding: 0 24px 0 8px;
    width: 130px;
    -webkit-appearance: none;
    background: #fff url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E') no-repeat right 5px top 55%;
    background-size: auto;
    max-height: 30px;
    cursor: pointer;
    margin-bottom: 5px;
}

#gstro_public_content #gstro_historicPriceToggle_select option{
    cursor: pointer;
    color: #303133!important;
}

#gstro_public_content .gstroAvDesk{
    display: block;
}

#gstro_public_content .gstroAvMobile{
    display: none;
}

@media only screen and (max-width: 600px){

    #gstro_public_content .gstroAvDesk{
        display: none;
    }
    
    #gstro_public_content .gstroAvMobile{
        display: block;
    }

    #gstro_my_drinks_section .myDrinksColumnQuarter{
        width: 20%;
    }

    #gstro_my_drinks_section .myDrinksColumnFirstQuarter{
        width: 35%; 
    }

    #gstro_public_content .gstro_historicPriceToggle_outerBox{
        float: unset;
        margin-left: 0;
    }

    #gstro_public_content #gstro_historicPriceToggle_select{
        padding-left: 4;
    }

    /* Mobile: Gestapeltes Layout für Getränke-Eingabe */
    #gstro_my_drinks_section .gstro_my_drinks_drinkTable {
        overflow-x: visible;
    }
    
    #gstro_my_drinks_section .myDrinksDrinkInputRow,
    #gstro_my_drinks_section #myDrinksDrinkInputRowHeader {
        min-width: unset;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
    }
    
    #gstro_my_drinks_section #myDrinksDrinkInputRowHeader {
        display: none; /* Header ausblenden auf Mobile */
    }
    
    #gstro_my_drinks_section .myDrinksDrinkInputRow .myDrinksColumnI {
        width: 100%;
        float: none;
        position: static;
        box-shadow: none;
        padding-right: 0;
        margin-bottom: 5px;
    }
    
    #gstro_my_drinks_section .myDrinksDrinkInputRow .myDrinksColumnII {
        width: calc(60% - 10px);
        float: none;
        padding-right: 0;
    }
    
    #gstro_my_drinks_section .myDrinksDrinkInputRow .myDrinksColumnIII {
        width: 35%;
        float: none;
        text-align: left;
    }
    
    #gstro_my_drinks_section .myDrinksDrinkInputRow .myDrinksColumnII input,
    #gstro_my_drinks_section .myDrinksDrinkInputRow .myDrinksColumnIII input {
        width: 100%;
        box-sizing: border-box;
    }
    
    #gstro_my_drinks_section .myDrinksHistoryDrinkRow{
        min-width: 350px;
    }

    #gstro_my_drinks_section .gstro_myDrinks_historicPriceBlock{
        overflow-y: scroll;
        width: 100%;
    }

    #gstro_my_drinks_section #gstro_my_drinks_averagePriceTable{
        overflow-y: scroll;
    }

    #gstro_my_drinks_section .myAverageDrinksDrinkRow,
    #gstro_my_drinks_section #myAverageDrinksDrinkRowHeader{
        min-width: 300px;;
    }

    #gstro_my_drinks_section .myHistoricDrinksColumnI{
        width: 30%;
    }

    #gstro_my_drinks_section .myHistoricDrinksColumnII{
        width: 55%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #gstro_my_drinks_section .myHistoricDrinksColumnIII{
        width: 15%;
    }

    #gstro_my_drinks_section .myDrinksColumnI{
       width: 35%;
    }

    #gstro_my_drinks_section .myDrinksColumnII{
        width: 40%;
    }

    #gstro_my_drinks_section .myDrinksColumnIII{
        width: 25%;
    }

}

/* Character limit warning */
.gstro-char-warning {
    display: block;
    font-size: 11px;
    margin-top: -3px;
    font-weight: bold;
}

/* Desktop: Sticky drink names on scroll */
@media (min-width: 601px) {
    #gstro_my_drinks_section .myDrinksColumnI {
        position: sticky;
        left: 0;
        background-color: #fff;
        z-index: 5;
        padding-right: 10px;
    }
    
    /* Header row auch sticky */
    #gstro_my_drinks_section #myDrinksDrinkInputRowHeader .myDrinksColumnI {
        position: sticky;
        left: 0;
        background-color: #fff;
        z-index: 6;
    }
    
    /* DrinkTable horizontal scrollbar */
    #gstro_my_drinks_section .gstro_my_drinks_drinkTable {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

/* Ensure scrollable container for horizontal scroll */
#gstro_my_drinks_section .gstro_scrollableELement {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* Mobile: Gestapeltes Layout statt Sticky */
@media (max-width: 768px) {
    #gstro_my_drinks_section .gstro_my_drinks_drinkTable {
        overflow-x: visible;
    }
    
    /* Sticky deaktivieren auf Mobile */
    #gstro_my_drinks_section .myDrinksColumnI {
        position: static;
        box-shadow: none;
        min-width: unset;
    }
    
    #gstro_my_drinks_section #myDrinksDrinkInputRowHeader .myDrinksColumnI {
        position: static;
        box-shadow: none;
    }
    
    .gstro-char-warning {
        font-size: 10px;
    }
}