/* =============================================
   SURABHI PALACE - Responsive Styles
   ============================================= */

/* ---- Tablet (max 991px) ---- */
@media (max-width: 991.98px) {

  .section-pad { padding: 70px 0; }

  /* Navbar */
  #mainNav .navbar-collapse {
    background: rgba(58,42,31,0.98);
    padding: 1rem 1.5rem;
    border-top: 1px solid rgba(200,155,60,0.2);
    border-radius: 0 0 12px 12px;
    margin-top: 0.5rem;
  }

  .nav-link { padding: 0.6rem 0 !important; }
  .nav-link::after { display: none; }

  /* Hero */
  .hero-cta { gap: 0.75rem; }

  /* Gallery grid */
  .gallery-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
  }

  .gallery-item:first-child { grid-row: span 1; }

  /* Masonry */
  .masonry-grid { columns: 2 240px; }

  /* About image */
  .about-img-wrap img { height: 380px; }

}

/* ---- Mobile (max 767px) ---- */
@media (max-width: 767.98px) {

  .section-pad { padding: 55px 0; }

  /* Hero */
  .hero-title { font-size: clamp(2rem, 10vw, 3rem); }
  .hero-subtitle { font-size: 0.9rem; }
  .hero-cta { flex-direction: column; align-items: center; }
  .hero-cta .btn-gold,
  .hero-cta .btn-maroon,
  .hero-cta .btn-outline-gold { width: 100%; max-width: 280px; justify-content: center; }
  .hero-badges { gap: 0.5rem; }
  .hero-badge { font-size: 0.72rem; }

  /* Gallery grid */
  .gallery-grid {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 160px 160px 160px;
  }

  /* Masonry */
  .masonry-grid { columns: 2 160px; }

  /* Stats */
  .stat-number { font-size: 2rem; }

  /* Lightbox nav buttons */
  .lightbox-prev { left: 8px; }
  .lightbox-next { right: 8px; }

  /* About image */
  .about-img-wrap img { height: 280px; }
  .about-img-badge { padding: 8px 12px; }
  .about-img-badge .num { font-size: 1.5rem; }

  /* Footer */
  #footer .col-md-3,
  #footer .col-md-4 { margin-bottom: 2rem; }

  /* Floating btns */
  .float-btn { width: 48px; height: 48px; font-size: 1.2rem; }
  .floating-btns { bottom: 20px; right: 16px; }
  #scrollTop { bottom: 20px; left: 16px; }

  /* Contact cards */
  .contact-info-card { margin-bottom: 1rem; }

  /* Page hero */
  .page-hero { padding: 110px 0 50px; }

}

/* ---- Small Mobile (max 480px) ---- */
@media (max-width: 479.98px) {

  .gallery-grid { grid-template-columns: 1fr; grid-template-rows: auto; }
  .gallery-item:first-child { grid-row: auto; }
  .gallery-item { height: 200px; }

  .masonry-grid { columns: 1; }

  .filter-btn { font-size: 0.75rem; padding: 0.4rem 1rem; }

  .why-card { padding: 1.25rem 1rem; }

  .event-card { padding: 1rem 0.75rem; }

  .hero-badge { display: none; }

  .section-title { font-size: 1.6rem; }

  .cta-title { font-size: 1.6rem; }

}

/* ---- Large screens (min 1400px) ---- */
@media (min-width: 1400px) {

  .gallery-grid { grid-template-rows: 310px 310px; }

  .masonry-grid { columns: 4 280px; }

}

/* ---- Print ---- */
@media print {
  #mainNav, .floating-btns, #scrollTop, #preloader { display: none !important; }
  body { background: #fff; color: #000; }
  a { color: #000; }
}