.card-body{
    background-color: var(--smoky-black-2);
    border-color: var(--gold-crayola);
}

.table-bordered>:not(caption)>*{
    border-color: var(--gold-crayola);
    color: var(--white);
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
    color: var(--white);
}

.form-control{
    height:100%;
    
}

input[type="number"]{
    font-size: 2.5rem;
}

.add_to_cart{
    color: var(--white);
    padding:0 0.5rem;
    border:unset;
}

.add_to_cart:focus{
    background-color:var(--bs-btn-bg);
    color:var(--white)
}

.btn_cart{
    display:flex;
    gap:1rem;
    justify-content: center;
    align-items: center;
    color: var(--bs-btn-hover-color);
    background-color: var(--gold-crayola);
    border-color: var(--bs-btn-hover-border-color);
}

.btn_cart ion-icon{
    font-size: 1.9rem;
    color:var(--white);
}

.total_price{
    font-size: 1.6rem;
}

.btn_cart-checkout{
    background-color: var(--gold-crayola);
    color:var(--white);
    margin-bottom: .5rem;
}

@media(min-width:485px){
    .btn_cart-checkout{
    margin-bottom: 0rem;
}
}

.btn_cart-checkout ion-icon{
    /* display: inline-block; */
    font-size: 2rem;
}

.btn_cart-clear ion-icon{
    font-size: 2rem;
}

.delete{
    color:var(--gold-crayola);
}

.menu .grid-list li {
    border:.1rem solid var(--white-alpha-20);
    border-radius:.2rem;
    padding: 1rem;
}

@media (min-width: 575px) {
    .menu .grid-list li{
        padding: 1.5rem;
    }
}

@media (min-width: 768px) {
    .menu .grid-list li{
        padding: 2rem;
    }
    
}

@media (min-width: 992px) {
    .menu .grid-list li{
        padding: 2.5rem;
    }
}

@media (min-width: 1200px) {
    .menu .grid-list li{
        padding: 3rem;
    }
}

ul{
    padding-left: unset;
}

.sticky-bottom{
    bottom:2rem;
}

.list-flex{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.title-3{
    max-width: 25rem;
}

.table-striped{
    font-size: var(--fontSize-body-4);
    line-height: var(--lineHeight-2);
}