/* ---- inline style block 1 ---- */
/* Buttons */
.filter-btn, .veg-btn, .drink-btn {
  padding: 10px 20px;
  border: none;
  color: white;
  border-radius: 8px;
  cursor: pointer;
  font-weight: bold;
  transition: 0.3s;
  background: #295f5a;
}

.filter-btn:hover, .veg-btn:hover, .drink-btn:hover {
  background: #053a35;
}

/* Active (selected) state highlight */
.filter-btn.active, .veg-btn.active, .drink-btn.active {
  background: #e7b16f; /* requested highlight */
  color: #000;
}

/* Layout for button rows */
.filter-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: center;
  margin-bottom: 40px;
}

.veg-filter-buttons {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin-bottom: 20px;
}

/* Spacing for menu items */
#menuList li {
  margin-bottom: 15px;
}

/* Start hidden; JS toggles visibility after user selects a top filter */

/* #menuList li { display: none; }
  /* --- TEMPORARY HIDE NON-VEG ---
  li[data-type="nonveg"],
  button[data-type="nonveg"] {
    display: none !important;
  } */

  /* Highlight the currently active navbar link */
.navbar-link.active {
  color: #e7b16f;           /* your highlight color */
}

/* Optional: a subtle underline for clarity */
.navbar-link.active::after {
  content: "";
  display: block;
  height: 2px;
  background: #e7b16f;
  margin-top: 4px;
  border-radius: 2px;
}


/* ---- inline style block 2 ---- */
/* Helps skip offscreen rendering work on supported browsers */
    .img-cover, img { content-visibility: auto; contain-intrinsic-size: 1000px 600px; }