/*
COLORS

Toasty - #ef4b24
Fire - #ffac28
N.Black - #232323
Silver - #eaeaea

*/


 /* -------------------------
 * TOASTY MENUS
 * ------------------------- */
.toasty-menus{line-height: 1.1;}
.toasty-menu{margin-bottom:80px;}
.toasty-menu-name{font-size:2rem; font-weight: bold;}
.toasty-menu-group{margin-bottom: 30px;}
.toasty-menu-group-name{font-size:1.5rem; margin:26px 0 10px 0;}
.toasty-menu-item { display:flex; gap:12px; margin:8px 0 14px 0; }
.toasty-menu-item-image img { width:110px; height:80px; object-fit:cover; border-radius:6px; }
.toasty-menu-item-body { flex:1; }
.toasty-menu-item-title{display: flex; justify-content: space-between; align-items: baseline;}
.toasty-menu-price-leaders{margin:0 4px; border-bottom: 1px dotted #9F9F9F; flex-grow: 1;}
.toasty-menu-item-price{font-size:.75rem; padding-top: .25rem;}
.toasty-menu-item-name{font-size:1rem; font-weight:bold; margin:0; padding: 0;}
.toasty-menu-item-desc{font-size:.9rem;}

.toasty-menu-center{ text-align: center;}
.toasty-menu-center .toasty-menu-item {display: block;}
.toasty-menu-center .toasty-menu-item-name{display: inline;}
.toasty-menu-center .toasty-menu-price-leaders{display: none;}
.toasty-menu-center .toasty-menu-item-title{display: block;}
.toasty-menu-center .toasty-menu-item-price{margin-left:10px;}
.toasty-menu-center .toasty-menu-item-image{display: block; margin:0 auto;}

.toasty-menu-cards{}
.toasty-menu-cards .toasty-menu-group-name{}
.toasty-menu-cards .toasty-menu-items{
    display: flex;
    gap:12px;
    justify-content: space-between; 
    align-items: flex-start; 
    /* flex-flow: wrap; */  
    flex-wrap: wrap; 
    align-content: flex-start;
}
.toasty-menu-cards .toasty-menu-item{flex: 1 1 30%; padding:10px; margin:0; background: #fff; box-shadow:2px 2px 6px 0px rgba(0,0,0,0.3); border-radius: 5px;}

.toasty-error{border:1px solid #ef4b24; color:#ef4b24; background: #FFC2B3; border-radius: 5px; padding: 5px 8px; margin:10px auto; text-align: center;}

/* MOBILE */
@media (max-width: 569px) {
    .toasty-menu-cards .toasty-menu-item{flex: 100%;}
}