/*
COLORS

Toast - #ef4b24
Butter - #ffac28
N.Black - #232323
Silver - #eaeaea

*/


 /* -------------------------
 * BUTTER MENUS
 * ------------------------- */
.butter-menus{line-height: 1.1;}
.butter-menu{margin-bottom:80px;}
.butter-menu-name{font-size:2rem; font-weight: bold;}
.butter-menu-group{margin-bottom: 30px;}
.butter-menu-group-name{font-size:1.5rem; margin:26px 0 10px 0;}
.butter-menu-item { display:flex; gap:12px; margin:8px 0 14px 0; }
.butter-menu-item-image img { width:110px; height:80px; object-fit:cover; border-radius:6px; }
.butter-menu-item-body { flex:1; }
.butter-menu-item-title{display: flex; justify-content: space-between; align-items: baseline;}
.butter-menu-price-leaders{margin:0 4px; border-bottom: 1px dotted #9F9F9F; flex-grow: 1;}
.butter-menu-item-price{font-size:.75rem;}
.butter-menu-item-sizeprices{list-style-type: none; padding:0; margin: 0;}
.butter-menu-item-sizeprice{display: inline-block; margin-left:10px;}
.butter-menu-item-sizeprice:first-of-type{margin-left:0px;}
.butter-menu-item-sizeprice-name{font-size:.6rem;}
.butter-menu-item-sizeprice-div{font-size:.6rem; padding:0 2px;}
.butter-menu-item-sizeprice-price{font-size:.75rem;}
.butter-menu-item-name{font-size:1rem; font-weight:bold; margin:0; padding: 0;}
.butter-menu-item-desc{font-size:.9rem;}
.butter-menu-item-tags {list-style-type: none; padding: 0; margin: 0; display: flex; justify-content: flex-start;}
.butter-menu-item-tag{font-size:.5rem; font-weight: bold; line-height: 1; background-color: #eaeaea; border-radius: 5px; padding: 4px 6px; margin-left: 5px;}
.butter-menu-item-tag:first-of-type{margin-left:0px;}
.butter-menu-item-calories{font-size: .7rem; margin:4px 0;}
.butter-menu-item-calories span{font-size: .6rem;}

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


.butter-menu-cards{}
.butter-menu-cards .butter-menu-group-name{}
.butter-menu-cards .butter-menu-items{display: flex; gap:12px; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; align-content: flex-start;}
.butter-menu-cards .butter-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;}

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

.butter-menu-group-level-2,
.butter-menu-group-level-3{border:1px solid #eaeaea; border-radius: 5px; padding: 10px; margin: 20px 10px;}
.butter-menu-group-level-2 .butter-menu-group-name,
.butter-menu-group-level-3 .butter-menu-group-name{margin:10px 0 10px 0;}

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