/* Tab Menu Styling */
	.popular-menulist {
	  display: flex;
	  justify-content: center;
	  margin-bottom: 30px;
	}

	.allmenu-filtering {
	  list-style: none;
	  padding: 0;
	  margin: 0;
	  display: flex;
	  gap: 0px;
	  flex-wrap: wrap; /* Enable wrapping for smaller screens */
	  justify-content: center; /* Center align tabs */
	}
	.allmenu-filtering li {
		display: inline-block;
		list-style: none;
		margin-right: 10px;
		border: 1px solid #bf9444;
		background: #ffffff;
		padding: 7px 36px;
		border-radius: 25px;
		font-size: 17px;
		color: #bf9444;
		font-weight: 500;
		cursor: pointer;
		transition: 0.5s;
        margin-bottom:10px;
	}

	.allmenu-filtering li.active {
	  background-color: #bf9444;
	  color: white;
	}

	.allmenu-filtering li:hover {
	  background-color: #bf9444;
	  color: white;
	}

	/* Responsive Design for Tabs */
	@media (max-width: 768px) {
	  .allmenu-filtering li {
		flex: 1 1 calc(50% - 20px); /* Two items per row on tablets */
	  }
	}

	@media (max-width: 480px) {
	  .allmenu-filtering li {
		flex: 1 1 100%; /* One item per row on mobile */
	  }
	}

	/* Menu Items Styling */
	.menu-item {
	  display: none; /* Hidden by default */
	}

	.menu-item.active {
	  display: block; /* Show when active */
	}

	.food-menu-item {
	  margin-bottom: 15px;
	}

	.food-menu-item .menu-name {
	  font-weight: bold;
	}

	.food-menu-item .food-price {
	  color: #ff6f61;
	  margin-left: 10px;
	}

	/* Image Sections */
	.menu-board-thumb-box {
	  text-align: center;
	}

	.menu-board-thumb img {
	  max-width: 100%;
	  height: auto;
	  border-radius: 10px;
	}
	.signature-menu-name {
		font-size: 17px!important;
	}

	/* Modal CSS */
	/* Container for Top Dishes */
	.top-dishes-container {
		max-width: 800px;
		margin: 0 auto;
		padding: 20px;
		background-color: #fff;
		border-radius: 10px;
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
		border: 1px solid #eaeaea;
	}

	/* Section Title */
	.section-title {
		font-size: 24px;
		font-weight: bold;
		color: #333;
		margin-bottom: 20px;
		padding-left: 10px;
	}

	/* Dishes List */
	.dishes-list {
		display: flex;
		flex-direction: column;
		gap: 15px;
	}

	/* Dish Item */
	.dish-item {
		/* display: flex;
		justify-content: space-between; */
		align-items: flex-start; /* Align items at the top */
		border-top: 1px dashed #d9b353; /* Gold dashed line */
		padding-top: 10px;
	}

	/* Dish Name */
	.dish-name {
		font-size: 16px;
		font-weight: 500;
		color: #333;
		word-break: break-word; /* Allow long words to wrap */
		max-width: 70%; /* Limit width to prevent overlap */
	}

	/* Price */
	.price {
		font-size: 16px;
    font-weight: 700;
    color: #ff8900;
    white-space: nowrap;
    float: right;
	}

	/* Responsive Adjustments modal dish-name is large menas it should come as next line*/
	@media (max-width: 768px) {
		.dish-name {
			max-width: 60%; /* Reduce width on smaller screens */
		}
	}
	.modal-title {
		text-align: center !important; /* Force center alignment */
		width: 100%; /* Ensure the title spans the full width */
	}
	.allmenu-filtering {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex
;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
}