/* ── RESPONSIVE / MOBILE STYLES ── */

@media (max-width: 768px) {
  #menu-btn { display: flex !important; }

  /* Header */
  .logo-text { display: none; }
  .lang-btn { padding: 4px 8px; font-size: 11px; }

  /* Sidebar becomes an overlay on mobile */
  #sidebar {
    position: fixed; top: 60px; left: -100%; bottom: 0;
    width: 85%; max-width: 300px;
    z-index: 200;
    transition: left 0.3s ease;
    box-shadow: 4px 0 20px rgba(0,0,0,0.5);
  }

  #sidebar.open { left: 0; }

  /* Bible layout */
  .bible-layout { display: block; }
  .bible-main { height: calc(100vh - 60px); display: flex; flex-direction: column; }

  /* Bottom action bar takes full width */
  .bible-action-bar { left: 0; justify-content: center; padding: 10px 14px; }

  /* Verse text slightly smaller */
  .vtext { font-size: 15px; }

  /* Quick grid on homepage */
  .quick-grid { grid-template-columns: 1fr; }

  .quick-card { padding: 16px; }

  /* Chat page */
  .chat-layout { flex-direction: column; }
  .chat-sidebar { display: none; }

  /* VOTD card */
  .votd-text { font-size: 16px; }
}

@media (max-width: 480px) {
  .home-hero h1 { font-size: 26px; }
  .lang-switcher { gap: 2px; }
  .lang-btn { padding: 3px 7px; font-size: 10px; }
  .speed-controls { display: none; }
  .bible-action-bar { gap: 8px; }
  #chapter-nav-wrap { padding: 8px 12px; }
  #verses-container { padding: 12px 14px 100px; }
}

/* Prevent body scroll when sidebar open on mobile */
body.sidebar-open { overflow: hidden; }