/* ═══════════════════════════════════════════════════
   YOGASHALA.IN — GLOBAL MOBILE RESPONSIVE STYLESHEET
   Loaded via head.php on every page
   ═══════════════════════════════════════════════════ */

/* Prevent horizontal overflow on ALL pages */
html, body { overflow-x: hidden !important; max-width: 100%; }
*, *::before, *::after { box-sizing: border-box; }
img, video, iframe, embed { max-width: 100%; height: auto; }

/* ── TABLET (≤768px) ── */
@media (max-width: 768px) {

  /* Nav */
  .ynav-links { display: none !important; }
  .ynav-signin, .ynav-cta { display: none !important; }
  .ynav-hamburger { display: flex !important; }
  .ynav-inner { padding: 0 1rem !important; }

  /* General containers */
  .wrap, .container, .sec-inner, .yfooter-inner,
  .ytrust-inner, .ycta-inner { padding-left: 1rem !important; padding-right: 1rem !important; }

  /* Dashboard */
  .dashboard-sidebar { transform: translateX(-100%) !important; transition: transform .3s; width: 260px; }
  .dashboard-sidebar.sidebar-open { transform: translateX(0) !important; }
  .dashboard-main { margin-left: 0 !important; padding: 1rem !important; }
  .dashboard-topbar { padding: .75rem 1rem !important; }
  .dashboard-content { padding: 1rem !important; }

  /* Auth */
  .auth-left { display: none !important; }

  /* Tables */
  .table-responsive, .admin-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }

  /* Grids → 1 column */
  .feat-grid, .hiw-grid, .price-grid, .review-grid { grid-template-columns: 1fr !important; }
  .teacher-grid { grid-template-columns: 1fr 1fr !important; }

  /* Hero */
  .yhero-inner { grid-template-columns: 1fr !important; gap: 2rem !important; padding: 0 1rem !important; }
  .yhero-right { display: none !important; }
  .yhero { min-height: auto !important; padding: 5rem 0 3rem !important; }
  .yhero-h1 { font-size: 2rem !important; }

  /* Footer */
  .footer-bottom { flex-direction: column; text-align: center; }
}

/* ── MOBILE (≤600px) ── */
@media (max-width: 600px) {

  /* Nav */
  .ynav-inner { padding: 0 .75rem !important; }

  /* Hero */
  .hero { padding: 1.25rem 0 2rem !important; }
  .hero-inner { grid-template-columns: 1fr !important; gap: 1rem !important; }
  .hero h1 { font-size: 1.85rem !important; line-height: 1.15 !important; }
  .hero-sub { font-size: .95rem !important; margin-bottom: 1.5rem !important; }
  .hero-btns { flex-direction: column !important; gap: .75rem !important; }
  .btn-primary-lg, .btn-ghost-lg, .btn-hero-p, .btn-hero-g { width: 100% !important; justify-content: center !important; }
  .hero-cards-wrap, .hero-cards { display: none !important; }
  .hero-stats, .yhero-stats { flex-wrap: wrap !important; gap: 1rem !important; }

  /* Stats bar */
  .statsbar { padding: 1rem 0 !important; }
  .statsbar-inner { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: .5rem !important; }
  .sbar-num { font-size: 1rem !important; }
  .sbar-lbl { font-size: .6rem !important; }

  /* Sections */
  .section, .yfeat, .yhiw, .yteach, .ypricing, .ytestimonials, .yfaq, .ycta { padding: 2.5rem 0 !important; }
  .section-title, .sec-title { font-size: 1.6rem !important; }
  .section-sub, .sec-sub { font-size: .9rem !important; }
  .section-hdr, .sec-head { margin-bottom: 1.75rem !important; }

  /* Grids → 1 column */
  .offer-grid, .courses-grid, .live-grid,
  .feat-grid, .hiw-grid, .price-grid, .review-grid,
  .ai-grid, .wellness-grid, .test-grid { grid-template-columns: 1fr !important; }
  .teacher-grid, .teachers-grid { grid-template-columns: 1fr 1fr !important; gap: .75rem !important; }

  /* Cards */
  .offer-card { padding: 1.25rem !important; }
  .ccard-img { height: 130px !important; }
  .pcard { padding: 1.5rem !important; }

  /* CTA buttons */
  .cta-btns, .ycta-btns { flex-direction: column !important; gap: .75rem !important; align-items: stretch !important; }
  .cta-btns a, .ycta-btns a, .btn-cta-white, .btn-cta-outline,
  .btn-cw, .btn-co { width: 100% !important; text-align: center !important; justify-content: center !important; }

  /* Footer */
  .yfooter-inner .row { gap: 2rem; }
  .footer-bottom { flex-direction: column; gap: .5rem; text-align: center; }

  /* Dashboard */
  .dashboard-cards, .row.g-3 { gap: .75rem !important; }
  .stat-card { padding: 1rem !important; }

  /* Live section dark bg */
  .live-bg { padding: 2.5rem 0 !important; }
  .live-title { font-size: 1.6rem !important; }

  /* Forms */
  .form-row { flex-direction: column !important; }
}

/* ── VERY SMALL PHONES (≤380px) ── */
@media (max-width: 380px) {
  .hero h1, .yhero-h1 { font-size: 1.5rem !important; }
  .statsbar-inner { grid-template-columns: repeat(2, 1fr) !important; }
  .teacher-grid, .teachers-grid { grid-template-columns: 1fr !important; }
  .section-title, .sec-title { font-size: 1.4rem !important; }
}