@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700&display=swap');
*{box-sizing:border-box}
body{font-family:'Montserrat',sans-serif;background:#f7f7f7;color:#333;margin:0;padding:0}
.navbar-brand strong{color:#ff5722}
.hero{height:480px;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;position:relative}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.45) 100%)}

.hero::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg,rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.45) 100%);
    z-index: 1;
    pointer-events: none; /* ← THIS FIXES IT */
}

.hero-content {
    position: relative;
    z-index: 5; /* makes buttons clickable */
}

.hero-content{position:relative;color:#fff;text-align:left;max-width:520px;padding:30px}
.hero-content h1{font-size:48px;margin-bottom:12px;line-height:1.05;font-weight:700;text-shadow:2px 2px 8px rgba(0,0,0,0.5)}
.hero-content p{font-size:18px;margin-bottom:18px;color:#ffd3a6}
.hero-cta{background:linear-gradient(45deg,#ff7043,#ff5722);border:none;padding:12px 26px;border-radius:40px;color:#fff;font-weight:600}
.hero .btn-outline-light{border-color:#ffc89c;color:#ffc89c}
.section-title{font-size:34px;text-align:center;color:#ff5722;margin-bottom:30px}
.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;padding:0 10px}
.card{border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,0.08);transition:transform .25s,box-shadow .25s}
.card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(0,0,0,0.12)}
.card img{width:100%;height:180px;object-fit:cover}
.card-body{padding:14px}
.card-title{font-weight:600;margin-bottom:6px}
.card-text{font-size:13px;color:#666;margin-bottom:10px}
.btn-primary{background:linear-gradient(45deg,#ff7043,#ff5722);border:none}
.btn-primary:hover{transform:scale(1.02)}
.dish-card img{height:160px}
footer{background:#111;color:#ddd;padding:30px 0}
footer a{color:#ffb38a;text-decoration:none}
.table td,.table th{vertical-align:middle}
.qty-input{width:80px}
@media(max-width:768px){.hero{height:360px}.hero-content h1{font-size:30px}}

/* premium contact page additions */
.contact-hero { background: linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.35)), url('../images/hero.jpg') center/cover no-repeat; height:36vh; display:flex; align-items:center; justify-content:center;}
.contact-wrapper { padding:72px 20px; background:#f7f7f8; }
.contact-grid { max-width:1100px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:34px; }
.card { background: rgba(255,255,255,0.95); border-radius:14px; padding:28px; box-shadow:0 10px 30px rgba(15,15,15,0.06); }
.btn-primary { background:#e63946; color:#fff; padding:12px 18px; border-radius:9px; border:0; cursor:pointer; }
@media(max-width:768px) { .contact-grid{ grid-template-columns:1fr } }


/* Ensure hamburger icon shows on white navbar */
.navbar-light .navbar-toggler {
    border-color: rgba(0,0,0,.1);
}
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%280,0,0,0.7%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}


.whatsapp-float {
  position: fixed;
  bottom: 20px;
  right: 20px;

  width: 56px;
  height: 56px;

  background-color: #25D366;
  border-radius: 50%;

  display: flex;
  align-items: center;
  justify-content: center;

  z-index: 99999;
  box-shadow: 0 6px 18px rgba(0,0,0,0.3);
}