/* ==========================================================================
   STAR ACADEMY PLUS — Responsive Rules
   Breakpoints: Desktop 1440 / Tablet 768 / Mobile 390
   ========================================================================== */

/* ---------- Tablet & below (<=1024px): 2-column grids ---------- */
@media (max-width: 1024px){
  .course-grid, .feature-grid{ grid-template-columns: repeat(2, 1fr); }
  .footer-grid{ grid-template-columns: 1fr 1fr; }
  .stats-row{ grid-template-columns: repeat(2,1fr); gap: var(--space-lg) var(--space-md); }
  .hero-grid{ gap: var(--space-xl); }
  .stat-cards-grid{ grid-template-columns: repeat(2,1fr); }
  .dash-layout{ grid-template-columns: 220px 1fr; }
}

/* ---------- Tablet (<=768px) ---------- */
@media (max-width: 768px){
  .nav-links, .nav-actions .btn, .search-box{ display:none; }
  .menu-toggle{ display:flex; }
  .sidebar-toggle{ display:inline-flex !important; }

  .hero-grid, .grid-2, .auth-wrap{ grid-template-columns: 1fr; }
  .hero-media{ order:-1; }
  .hero-float-card{ display:none; }

  .course-grid, .feature-grid{ grid-template-columns: repeat(2, 1fr); }
  .footer-grid{ grid-template-columns: 1fr 1fr; gap: var(--space-lg); }
  .stats-row{ grid-template-columns: repeat(2,1fr); }

  .dash-layout{ grid-template-columns: 1fr; }
  .sidebar{
    position: fixed; top:65px; left:0; bottom:0; width: 260px; z-index: 190;
    transform: translateX(-100%); transition: transform var(--transition-slow); overflow-y:auto;
  }
  .sidebar.open{ transform: translateX(0); box-shadow: var(--shadow-lg); }
  .dash-main{ padding: var(--space-lg); }
  .stat-cards-grid{ grid-template-columns: 1fr 1fr; }

  .auth-media{ display:none; }
  .form-row{ grid-template-columns: 1fr; }

  .certificate{ padding: var(--space-lg); }
  .certificate-title{ font-size:1.7rem; }
  .certificate-name{ font-size:1.4rem; }
  .certificate-foot{ flex-direction:column; gap: var(--space-sm); }
}

/* ---------- Mobile (<=480px) ---------- */
@media (max-width: 480px){
  .container{ padding: 0 var(--space-md); }
  .course-grid, .feature-grid, .stats-row, .stat-cards-grid{ grid-template-columns: 1fr; }
  .footer-grid{ grid-template-columns: 1fr; gap: var(--space-lg); }
  .section{ padding: var(--space-xl) 0; }
  .hero{ padding: var(--space-xl) 0; }
  .btn{ padding: 12px 22px; font-size:0.88rem; }
  .continue-card{ flex-direction:column; align-items:flex-start; }
  .continue-card img{ width:100%; height:150px; }
  .certificate-foot{ text-align:center; }
  .certificate-verify-form{ flex-direction:row; align-items:stretch; }
  .certificate-verify-form .btn{ padding:12px 14px; font-size:.78rem; }
  .cta{ padding: var(--space-xl) var(--space-md); }
  .newsletter-form{ flex-direction:column; }
}

/* Table -> stacked cards on small screens for admin tables */
@media (max-width: 640px){
  .table-wrap{ -webkit-overflow-scrolling: touch; }
}