/* responsive-polish.css
   Complète (sans dupliquer) les breakpoints déjà présents dans le CSS buildé
   par Vite (@1024px / @768px / @480px). Reprend des patterns de
   collab-boost/src/style.css qui manquaient encore ici : cibles tactiles
   plus grandes, gestion du mode paysage bas, et respect de
   prefers-reduced-motion (animations continues du site = curseur custom,
   glitch Slarpy, scanlines, etc. — inconfortables pour certains utilisateurs
   et inutiles en usage tactile). */

/* Cibles tactiles confortables (≥44px), comme sur Collab Boost */
@media (hover: none) {
  .btn-glow, .btn-ghost, .lang-pill, .burger, .soc, .admin-del-btn, .admin-tab {
    min-height: 40px;
  }
  .nav-menu a, .mobile-menu a { min-height: 40px; display: flex; align-items: center; }
}

/* Mobile en paysage / petits écrans bas : évite qu'un hero plein écran
   pousse le contenu hors champ sans possibilité de defiler confortablement */
@media (max-width: 900px) and (max-height: 480px) {
  .s-hero, .page-hero, .page-404 { min-height: auto; padding-top: calc(var(--nav-h) + 16px); padding-bottom: 24px; }
}

/* Respect des préférences d'accessibilité : coupe les animations
   perpétuelles (scanlines, glitch, curseur, pulses) plutôt que de les
   laisser tourner indéfiniment. */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
  .tv-noise, .tv-scanline-sweep, .scanlines, .glitch-text::before, .glitch-text::after { display: none; }
}

/* Tablette portrait (768–1024px) : le CSS existant ne traite que <=768 et
   <=1024 séparément ; cette tranche intermédiaire (iPad portrait typique)
   gagne à passer déjà en 2 colonnes pour les grilles d'images plutôt que
   d'attendre le seuil mobile. */
@media (min-width: 769px) and (max-width: 1024px) {
  .team-grid { grid-template-columns: repeat(2, 1fr); }
  .roadmap-grid { grid-template-columns: 1fr; }
  .news-grid { grid-template-columns: repeat(2, minmax(240px, 1fr)); }
}

/* Panel admin : sur tablette, les onglets (.admin-tab) déjà en pleine
   largeur (@768px) bénéficient d'un retour à la ligne propre si le libellé
   est long, pour éviter un texte tronqué sans indication visuelle. */
@media (max-width: 1024px) {
  .admin-tabs { flex-wrap: wrap; }
  .admin-layout { padding: 24px 16px; }
}