/* ================================================
   JOBS - Mobile
   Extrait de css/jobs.css (lignes 577-608)
   ================================================ */

/* RESPONSIVE MOBILE */
@media (max-width: 768px) {
  .jobs-grid {
    grid-template-columns: 1fr;
  }
  
  .filters-grid {
    grid-template-columns: 1fr;
  }
  
  .form-grid {
    grid-template-columns: 1fr;
  }
  
  .job-detail-title {
    font-size: 24px;
  }
  
  .job-apply-section {
    flex-direction: column;
    gap: var(--space-4);
  }
  
  .job-apply-actions {
    width: 100%;
    flex-direction: column;
  }
  
  .job-apply-actions .btn {
    width: 100%;
  }
}