/* SMARTMenu styles */
:root{
  --ink:#1f2430;
  --muted:#6c7680;
  --panel:#ffffff;
  --promo-start:#0f1724;
  --promo-end:#182235;
  --accent:#f2b742;
  --success:#3ccf91;
  --bg:#f5f7fb;
}

*{ box-sizing:border-box; }
body{
  background:var(--bg);
  font-family:'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  color:var(--ink);
}

button { touch-action: manipulation; }


/* Header */
.hotel-logo{ width:56px; height:56px; object-fit:cover; }
.hotel-title{ font-size:1.25rem; font-weight:700; }

/* Promo */
.promo-card{
  background: linear-gradient(135deg, var(--promo-start), var(--promo-end));
  border-radius:1.25rem;
  box-shadow: 0 10px 25px rgba(23,30,48,.25);
}
.available-badge{
  display:inline-block;
  font-size:.7rem;
  letter-spacing:.05em;
  background:#eafff4;
  color:#0e9f6e;
  padding:.25rem .5rem;
  border-radius:999px;
  font-weight:700;
}
.promo-title{
  font-weight:700;
  line-height:1.2;
  margin-top:.35rem;
}
.btn-offers{
  background:var(--accent);
  border:0;
  color:#1b1e27;
  box-shadow: 0 6px 16px rgba(242,183,66,.45);
}
.btn-offers:hover{ background:var(--accent); color:#1b1e27;}

/* Menu cards */
.menu-card{
  background:var(--panel);
  border:1px solid #eef0f4;
  transition: transform .12s ease, box-shadow .12s ease;
}
.menu-card:hover{
  transform: translateY(-1px);
  box-shadow:0 8px 18px rgba(23,30,48,.08);
}
.menu-icon{
  width:46px; height:46px;
  background:#f1f4fa;
  border:1px solid #e6ebf3;
  font-size:1.2rem;
  color:#111827;
}
.menu-title{
  font-weight:700;
  font-size:1rem;
  color:#111827;
}
.menu-subtitle{
  color:var(--muted);
  font-size:.85rem;
  margin-top:.15rem;
}

/* Bottom nav */
.bottom-nav .nav-link{
  color:#576071;
}
.bottom-nav .nav-link.active, .bottom-nav .nav-link:hover{
  color:#111827;
}

/* Footer spacing so bottom nav doesn't overlap content */
footer{ padding-bottom:4.25rem; } /* space for fixed-bottom navbar */