/* =====================================================================
   KammKaar - Responsive breakpoints
   Mobile-first overrides layered on top of style.css / dashboard.css
   ===================================================================== */

/* ----- Tablet and below (<= 992px) ----- */
@media (max-width: 992px) {
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .stat-grid { grid-template-columns: repeat(2, 1fr); }
  .dash-layout { grid-template-columns: 220px 1fr; }
  .job-search-layout { grid-template-columns: 240px 1fr; }
}

/* ----- Small tablet (<= 820px) ----- */
@media (max-width: 820px) {
  .navbar__links { display: none; }
  .navbar__toggle { display: inline-block; }
  .navbar__links.open {
    display: flex; flex-direction: column; position: absolute; top: 68px; left: 0; right: 0;
    background: var(--kk-surface); border-bottom: 1px solid var(--kk-border); padding: 16px 20px; gap: 14px;
  }
  .job-search-layout { grid-template-columns: 1fr; }
  .filter-sidebar { position: static; margin-bottom: 20px; }
  .dash-layout { grid-template-columns: 1fr; }
  .dash-sidebar { position: static; margin-bottom: 20px; }
  .form-row { grid-template-columns: 1fr; }
}

/* ----- Mobile (<= 600px) ----- */
@media (max-width: 600px) {
  .hero { padding: 40px 0 60px; }
  .hero-search { flex-direction: column; }
  .hero-search .divider { display: none; }
  .stat-grid { grid-template-columns: 1fr 1fr; }
  .job-card { flex-direction: column; }
  .job-card__side { flex-direction: row; align-items: center; width: 100%; text-align: left; }
  .footer-grid { grid-template-columns: 1fr; }
  .section { padding: 36px 0; }
  .auth-card { padding: 24px; }
  table thead { display: none; }
  table, tbody, tr, td { display: block; width: 100%; }
  tbody tr { border-top: 1px solid var(--kk-border); padding: 10px 0; }
  tbody td { border-top: none; padding: 6px 14px; display: flex; justify-content: space-between; gap: 10px; }
  tbody td::before { content: attr(data-label); font-weight: 700; color: var(--kk-blue); }
}