/* ==========================================================================
   BLOC « PROCHAINS DÉPARTS » (`depforts`) — la grille de l'accueil.

   ⚠️ CE FICHIER NE PORTE QUE LA GRILLE. La CARTE elle-même (`.trip*`) vit dans
   `components.css` : elle est attendue sur SIX pages, pas seulement ici. Ne pas y
   rapatrier une règle de carte « parce que c'est ici qu'on la voit ».

   Source : `style.css:1282-1288`, plus deux règles de `mobile.css`.
   ========================================================================== */
.depforts{ background:var(--creme); position:relative; }
.depforts__grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(20px,2.4vw,34px); }
.depforts__grid .trip{ flex:initial; }   /* dans une grille, pas de flex:1 */

/* ⚠️ `will-change:transform` de la maquette N'EST PAS REPRIS. Il y prépare une remontée
   « PILOTÉE PAR LE SCROLL (translateY négatif via JS) » qui vient se loger sous l'arc du
   planisphère — or le planisphère n'est pas porté (hors backoffice depuis D56) et aucun JS
   chez nous ne pose ce transform. Le déclarer sans écrivain coûterait une couche de
   composition au navigateur pour rien. À remettre AVEC cette remontée, si elle vient. */

/* ==========================================================================
   MOBILE — règles MIXTES dans la source : elles partagent leurs sélecteurs avec
   `.testimonials__grid` et une autre grille. Seule la part `.depforts` est reprise.
   ========================================================================== */
@media (max-width:1024px){
  .depforts__grid{ grid-template-columns:repeat(2,1fr); }
  /* ⚠️ DENSIFICATION DE LA CARTE, relevée par le contrôle de couverture — elle manquait.
     Son commentaire d'origine vaut d'être lu : la hauteur de la section sur téléphone est
     « du contenu légitime (6 vraies cartes + titre 3 lignes), PAS un bug de mise en page ».
     C'est donc un resserrement voulu, pas un correctif. */
  .depforts__grid .trip__body{ padding:22px 22px 24px; gap:9px; }
  /* ⚠️⚠️ DEUX COLONNES, ET CETTE RÈGLE MANQUAIT jusqu'au 2026-10-07 : la grille restait
     à TROIS colonnes de 641 à 1024 px. La maquette la passe à deux dès 1024
     (`mobile.css:515-517`, règle mixte partagée avec `.blog__grid` et
     `.testimonials__grid`) et à une seule à 640 — deux paliers, pas un. N'avoir repris
     que le second donnait trois colonnes sur tablette, là où la source en veut deux. */
  .depforts__grid{ grid-template-columns:repeat(2,1fr); gap:12px; }
  /* ⚠️ `overflow:hidden` sur la carte en grille : le ruban de statut est calé au bord sous
     640px et n'a plus de débord à montrer. Sans lui il déborderait du coin arrondi. */
  .depforts__grid .trip{ overflow:hidden; }
}
@media (max-width:640px){  .depforts__grid{ grid-template-columns:1fr; gap:clamp(16px,4vw,24px); } }