/* Responsive Overrides (Tablet & Desktop) */

/* Mobile (default) -> Tablet overrides */
@media (max-width: 480px) {
  .hero-content h1 { font-size: 2.2rem; word-wrap: break-word; overflow-wrap: break-word; hyphens: auto; }
  .page-header h1 { font-size: 2rem; word-wrap: break-word; overflow-wrap: break-word; hyphens: auto; }
}

/* Tablet (768px and up) */
@media (min-width: 768px) {
  /* ... (Existing responsive overrides) ... */
  .hero-search-form { flex-direction: row; align-items: flex-end; }
  .hero-search-form .btn-primary { width: auto; }
  .quick-access-grid { grid-template-columns: repeat(2, 1fr); }
  .jobs-grid { grid-template-columns: repeat(2, 1fr); }
  .sectors-grid { grid-template-columns: repeat(4, 1fr); }
  .split-section { flex-direction: row; }
  .split-section.reverse { flex-direction: row-reverse; }
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .teams-grid { grid-template-columns: repeat(3, 1fr); }
  .advice-grid { grid-template-columns: repeat(3, 1fr); }
  .footer-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-bottom { flex-direction: row; justify-content: space-between; }
  
  /* Offres.html */
  .results-header { flex-direction: row; justify-content: space-between; align-items: center; }
  .search-results-grid { grid-template-columns: repeat(2, 1fr); }
  
  /* Candidature.html */
  .form-row { grid-template-columns: 1fr 1fr; }
  
  /* Candidats.html */
  .steps-grid { grid-template-columns: repeat(2, 1fr); }
  
  /* Entreprises.html */
  .testimonials-grid { grid-template-columns: repeat(2, 1fr); }
  
  /* Phase 7: Equipes & Blog */
  .teams-grid { grid-template-columns: repeat(2, 1fr); }
  .blog-grid { grid-template-columns: repeat(2, 1fr); }
}

/* Desktop (1024px and up) */
@media (min-width: 1024px) {
  /* ... (Existing responsive overrides) ... */
  .site-header { height: var(--header-height); transition: height var(--transition-normal); }
  .site-header.header-compact { height: 60px; }
  .mobile-menu-btn { display: none; }
  .mobile-nav-panel { display: none; }
  .main-nav { display: block; }
  .header-actions { display: flex; align-items: center; gap: var(--space-4); }
  .quick-access-grid { grid-template-columns: repeat(4, 1fr); }
  .jobs-grid { grid-template-columns: repeat(3, 1fr); }
  .stats-grid { grid-template-columns: repeat(4, 1fr); }
  .cta-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-grid { grid-template-columns: 2fr 1fr 1fr 1fr; }
  .logo-container img { height: 50px; transition: height var(--transition-normal); }
  .site-header.header-compact .logo-container img { height: 35px; }

  /* Offres.html & Detail */
  .search-layout { flex-direction: row; align-items: flex-start; }
  .filters-sidebar { width: 300px; flex-shrink: 0; position: sticky; top: calc(var(--header-height) + var(--space-4)); }
  .search-results-area { flex-grow: 1; min-width: 0; }
  
  /* Offre-Detail */
  .job-detail-layout { flex-direction: row; align-items: flex-start; }
  .job-sidebar { width: 350px; flex-shrink: 0; position: sticky; top: calc(var(--header-height) + var(--space-4)); }
  
  /* Candidats.html */
  .steps-grid { grid-template-columns: repeat(3, 1fr); }
  
  /* Entreprises.html */
  .testimonials-grid { grid-template-columns: repeat(3, 1fr); }

  /* Phase 7: Equipes & Blog */
  .teams-grid { grid-template-columns: repeat(3, 1fr); }
  .blog-grid { grid-template-columns: repeat(3, 1fr); }
  
  /* Article Layout */
  .article-layout { flex-direction: row; align-items: flex-start; }
  .article-sidebar { width: 300px; flex-shrink: 0; }
}