body{

font-family: Arial, sans-serif;
margin:0;

}


/* HEADER */

#fixed-header{

position:fixed;
top:0;
left:0;
right:0;

background:white;
z-index:500;

padding:10px;

border-bottom:1px solid #ddd;
box-shadow:0 2px 6px rgba(0,0,0,0.1);

}


/* RESTAURANT HEADER */

.header{

text-align:center;
margin-bottom:10px;

}


/* CATEGORY BAR */

#category-bar{

display:flex;
overflow-x:auto;

gap:10px;

padding:10px 0;

border-bottom:1px solid #ccc;

}

.category-btn{

padding:6px 12px;

border-radius:6px;

border:1px solid #ccc;

background:#f2f2f2;

cursor:pointer;

white-space:nowrap;

}


/* MENU HEADER */

.menu-header{

display:flex;

font-weight:bold;

padding:8px 0;

}


/* COLUMNS */

.col-item{

flex:3;

}

.col-price{

flex:1;

text-align:right;

}

.col-qty{

flex:2;

text-align:center;

}


/* MENU AREA */

#menu-container{

margin-top:200px;

padding:10px;

margin-bottom:80px;

}


/* CATEGORY TITLE */

.category-title{

font-size:20px;

font-weight:bold;

margin-top:20px;

margin-bottom:10px;
scroll-margin-top: 180px;


}


/* MENU ITEM */

.menu-item{

display:flex;

align-items:center;

padding:10px 0;

border-bottom:1px solid #eee;

}


/* STRIPED ROWS */

.menu-item:nth-child(even){

background:#fafafa;

}


/* ITEM NAME */

.item-name{

flex:3;

}


/* PRICE */

.item-price{

flex:1;

text-align:right;

}


/* QTY AREA */

.item-qty span{
min-width:20px;
text-align:center;
}


/* BUTTONS */

.qty-btn{

padding:6px 10px;
cursor:pointer;
font-size:16px;
cursor:pointer;

}


/* LOADING */

#loading{

text-align:center;

margin-top:200px;

}


/* CART BAR */

#cart-bar{

position:fixed;

bottom:0;

left:0;

right:0;

background:#333;

color:white;

padding:12px;

text-align:center;

}


.hidden{

display:none;

}