/* =========================================================
   MALAI CHAAP CORNER — RESPONSIVE FINE-TUNING
   Mobile-first overrides layered on top of style.css
   ========================================================= */

/* ---------- Large screens (>=1400px) ---------- */
@media (min-width: 1400px){
  .hero-title{ font-size:4.6rem; }
}

/* ---------- Tablet / small laptop (<=991.98px) ---------- */
@media (max-width: 991.98px){
  .site-header .navbar-collapse{
    background:var(--ink);
    margin-top:1rem; padding:1.2rem; border-radius:var(--radius-md);
    box-shadow:0 12px 30px rgba(0,0,0,0.3);
  }
  .navbar-nav .nav-link{ padding:.6rem .3rem !important; }
  .header-actions{ margin-top:1rem; flex-wrap:wrap; }
  .header-actions .btn{ flex:1; text-align:center; }

  .gallery-item img{ height:230px; }
  .story-badge{ width:100px; height:100px; left:-14px; bottom:-14px; }
  .story-badge span{ font-size:1.2rem; }
}

/* ---------- Large mobile (<=767.98px) ---------- */
@media (max-width: 767.98px){
  .section-pad{ padding:3rem 0; }
  .section-title{ font-size:1.8rem; }
  .hero-desc{ font-size:1rem; }
  .hero-btns .btn{ width:100%; justify-content:center; display:flex; }
  .hero-btns{ flex-direction:column; }

  .cta-banner{ padding:3rem 0; text-align:center; }
  .cta-banner .d-flex{ justify-content:center; }

  .dish-photo-wrap{ width:130px; height:130px; }

  .footer-brand{ justify-content:center; }
  .site-footer .text-md-start{ text-align:center !important; }
  .social-icons{ justify-content:center; }

  .float-btns{ right:14px; bottom:16px; }
  .float-btn{ width:50px; height:50px; font-size:1.3rem; }

  .story-img-frame{ margin-bottom:2.5rem; }
  .story-badge{ position:static; margin:1rem auto 0; }

  .lightbox-nav{ width:40px; height:40px; font-size:1.05rem; }

  .map-wrap iframe{ height:280px; }
  .contact-form-wrap{ padding:1.6rem; }
}

/* ---------- Small mobile (<=575.98px) ---------- */
@media (max-width: 575.98px){
  .brand-text .brand-name{ font-size:1.05rem; }
  .brand-text .brand-tag{ font-size:.58rem; }
  .brand-logo-img{ width:44px; height:44px; }

  .hero-slide{ min-height:520px; }
  .hero-title{ font-size:2.1rem; }

  .gallery-item img{ height:200px; }

  .pillar-card, .dish-card, .why-card, .review-card{ padding:1.4rem 1rem; }

  .place-img{ height:140px; font-size:1.8rem; }

  .contact-info-card{ flex-direction:column; text-align:center; align-items:center; }
}

/* Prevent any horizontal overflow globally */
html, body{ max-width:100%; overflow-x:hidden; }
.row{ --bs-gutter-x: 1.5rem; }

/* Touch-friendly tap targets */
@media (pointer: coarse){
  .btn, .nav-link, .float-btn, .lightbox-nav, .lightbox-close{ min-height:44px; }
}