/* Force 1 Column and Centering */
.custom-raw-bar-frame .menu-section-items {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
column-count: 1 !important;
}
.custom-raw-bar-frame .menu-item {
text-align: center !important;
width: 100% !important;
margin-bottom: 30px !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
}
/* 1. Hide the top price (the one next to/below the title) */
.custom-raw-bar-frame .menu-item-price-top {
display: none !important;
}
/* 2. Show the bottom price and style it */
.custom-raw-bar-frame .menu-item-price-bottom {
display: block !important;
position: static !important;
margin: 10px auto 0 !important;
/* Remove Bolding */
font-weight: normal !important;
/* Style Adjustments */
font-family: 'Joanna Regular', serif !important; /* Matches your body font */
font-size: 16px !important;
color: #000000 !important;
}
/* 3. Add a tiny bit of space between description and price */
.custom-raw-bar-frame .menu-item-description {
margin-bottom: 5px !important;
}
/* Center the item descriptions */
.custom-raw-bar-frame .menu-item-description {
text-align: center !important;
width: 100% !important;
margin: 5px auto !important;
display: block !important;
}
