/* ===============================
   FOOD MENU ITEMS WIDGET STYLE
   =============================== */
.food-menu-logo {
    text-align: center;
    margin-bottom: 20px;
}
.food-menu-logo img {
    display: block;
    margin: 0 auto;
}

.food-menu-widget {
    background-color: #000;
    padding: 25px 25px;
    position: relative;
    /* border: 6px solid var(--orange); */
    /* border-radius: 10px; */
    /* box-shadow: 0 0 30px rgba(255, 204, 0, 0.6); */
    text-align: center;
    overflow: hidden;
    flex: 1;
    border: 20px solid transparent;
    border-image: url(./../../assets/img/menu-frame.png) 35 round;
    display: block;
}

/* --- Inner bordered box --- */
.food-menu-inner {
    position: relative;    
    z-index: 1;
}

/* --- Menu list --- */
.food-menu-list {
    list-style: none;
    padding: 25px 25px;
    margin: 0;
    text-align: left;
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    border: 4px dashed var(--orange);
}

/* --- Each item row --- */
.food-menu-list .food-menu-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    padding: 15px 0;
    font-family: "Barlow", sans-serif;
    gap:10px;
}
.food-menu-list .food-menu-item .menu-item-span{
    display: flex; 
    justify-content: center;
    width: 60%;
}
/* --- Menu title text --- */
.food-menu-list .food-menu-item .menu-item-title {
    flex: 1;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

/* --- View menu button --- */
.food-menu-list .food-menu-item .menu-item-button {
    display: inline-flex;
    align-items: start;
    color: #ffcc00;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    transition: color 0.3s ease;
}
.food-menu-list .food-menu-item .menu-item-button:hover {
    color: #fff;
}

.food-menu-widget .menu-item-icon,
.food-menu-widget .eye-icon{
    margin-right: 10px;
    margin-top: 5px;
}
.food-menu-widget .menu-item-icon i.menu-item:after,
.food-menu-widget .eye-icon i.eye:before{
    content: '';
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    position: relative;
    width: 20px;
    height: 20px;
}
.food-menu-widget .menu-item-icon i.menu-item:after{
    background-image: url(./../../assets/img/menu-icon.png);
    width: 22px;
    height: 22px;
}
.food-menu-widget .eye-icon i.eye:before{
    background-image: url(./../../assets/img/eye-icon.png);
    width: 25px;
    height: 20px;
}

/* Animation to simulate light glow */
@keyframes glow-bulbs {
    0% { opacity: 0.7; }
    50% { opacity: 1; }
    100% { opacity: 0.7; }
}

@media (max-width: 768px) {
    .food-menu-widget{
        padding: 15px;
        border: 10px solid transparent;
        border-image: url(./../../assets/img/menu-frame.png) 35 round;
    }
    .food-menu-list{
        padding: 15px;
    }
    .food-menu-list .food-menu-item{ padding: 10px 0; }
    .food-menu-widget .menu-item-icon i.menu-item:after{ width: 15px; height: 15px; }
    .food-menu-widget .eye-icon i.eye:before{ width: 15px; height: 12px; }
}
@media (max-width: 480px) {
    .food-menu-list .food-menu-item .menu-item-title,
    .food-menu-list .food-menu-item .menu-item-button{ font-size: 14px !important; }
}