/* ================= BASIC ================= */

body {
  background-color: #f8f9fa;
}

/* ================= TOP ADDRESS ================= */

#topaddress {
  position: relative;
  z-index: 10;
}

/* ================= HERO (MENU PAGE) ================= */

#hero {
  position: relative;
  height: 40vh;
  min-height: 260px;
  background-image: url("../images/Home_background_01.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.hero-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: white;
  text-shadow: 0 3px 10px rgba(0, 0, 0, 0.7);
}

/* ================= MENU ================= */

.menu-price {
  font-weight: bold;
  font-size: 1.1rem;
}

.veg {
  color: #2e7d32;
}

.nonveg {
  color: #c62828;
}

.card.veg-bg {
  background-color: #eaf7ea;
}

.card.nonveg-bg {
  background-color: #fdeaea;
}

.card {
  border: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* ================= FOOTER ================= */

#contact {
  margin-top: 3rem;
}

/* ================= MENU THUMBNAILS ================= */

.menu-item {
  display: flex;
  gap: 15px;
  align-items: center;
}

.menu-thumb {
  width: 90px;
  height: 70px;
  object-fit: cover;
  border-radius: 6px;
  flex-shrink: 0;
}

/* Make text align nicely */
.menu-details h5 {
  margin-bottom: 4px;
}

.menu-details p {
  margin-bottom: 6px;
}
/* ================= MENU NAV STICKY ================= */

/* ================= MENU NAV (DARK) ================= */

.menu-nav {
  position: sticky;
  top: 70px; /* below top address */
  z-index: 20;
  background-color: #2b2b2b; /* dark charcoal */
  padding: 12px 0;
}


.nav-pills .nav-link.active {
  background-color: #dc3545; /* Aadi Paadi red */
}

.footer-logo {
  max-width: 180px; /* control logo size */
}
@media (max-width: 768px) {
  .footer-logo {
    max-width: 140px;
  }
}
#contact {
  width: 100%;
}

#contact p {
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}