/* =====================================================
   Responsive Styles - Breakpoints
   ===================================================== */

/* Tablet (max 992px) */
@media (max-width: 992px) {
    .nav { display: none; }
    .mobile-toggle { display: block; }
    .mobile-nav { display: block; }
    .header-inner { height: 70px; }
    
    .search-box { grid-template-columns: 1fr 1fr; }
    .search-btn { grid-column: 1 / -1; }
    
    .stats-bar { grid-template-columns: repeat(2, 1fr); transform: translateY(-30px); }
    
    .hall-content { grid-template-columns: 1fr; text-align: center; }
    .hall-features { justify-items: center; }
    
    .about-grid { grid-template-columns: 1fr; }
    .about-img { order: -1; }
    
    .contact-grid { grid-template-columns: 1fr; }
    
    .footer-grid { grid-template-columns: 1fr 1fr; gap: 30px; }
    
    .admin-sidebar { display: none; }
    .admin-main { margin-inline-start: 0; }
    .admin-sidebar.open { display: block; width: 260px; }
    
    .booking-steps { flex-direction: column; }
    .booking-step::after { display: none; }
}

/* Mobile (max 768px) */
@media (max-width: 768px) {
    .hero { min-height: auto; padding-top: 70px; }
    .hero-content { padding: 100px 16px 40px; }
    .hero h1 { font-size: 1.6rem; }
    .hero p { font-size: 0.95rem; }
    .hero-buttons { flex-direction: column; align-items: center; }
    
    .hero-search { margin-top: -40px; padding: 0 16px; }
    .search-box { grid-template-columns: 1fr; padding: 20px; }
    
    .stats-bar { grid-template-columns: repeat(2, 1fr); padding: 20px; margin: 0 16px; transform: translateY(-20px); }
    .stat-number { font-size: 1.3rem; }
    
    .section { padding: 50px 0; }
    .section-title { font-size: 1.4rem; }
    
    .rooms-grid { grid-template-columns: 1fr; }
    .offers-grid { grid-template-columns: 1fr; }
    .testimonials-grid { grid-template-columns: 1fr; }
    .amenities-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .gallery-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    
    .hall-packages { grid-template-columns: 1fr; }
    
    .page-header { padding: 110px 16px 40px; }
    .page-header h1 { font-size: 1.6rem; }
    
    .footer-grid { grid-template-columns: 1fr; gap: 24px; }
    .footer-main { padding: 40px 0 24px; }
    
    .cta-section { padding: 40px 16px; }
    .cta-section h2 { font-size: 1.3rem; }
    
    .admin-content { padding: 16px; }
    .admin-topbar { padding: 12px 16px; }
    .admin-card-header { flex-direction: column; gap: 12px; align-items: stretch; }
    .admin-table { font-size: 0.8rem; }
    .admin-table th, .admin-table td { padding: 10px 12px; }
    .admin-table .hide-mobile { display: none; }
    
    .modal { width: 95%; margin: 16px; }
    .hall-form-grid { grid-template-columns: 1fr; }
}

/* Small Mobile (max 480px) */
@media (max-width: 480px) {
    .container { padding: 0 12px; }
    .amenities-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
    .amenity-card { padding: 18px 10px; }
    .amenity-icon { width: 44px; height: 44px; font-size: 1.1rem; }
    .gallery-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
    .btn { padding: 10px 20px; font-size: 0.9rem; }
    .btn-lg { padding: 14px 28px; }
}

/* Print */
@media print {
    .header, .footer, .back-to-top, .mobile-nav, .mobile-toggle, .hero-search { display: none !important; }
    .main { padding-top: 0 !important; }
    body { background: white; }
}