/* Styles propres à la page Day Trip (page unique catégorie + détail —
   voir docs/spec-daytrip-page.md). Réutilise .category-intro de
   category.css pour le bandeau d'intro. Le header, footer et les tokens
   partagés sont dans base.css. */

/* ===== NAVIGATION RAPIDE (ancres vers les 6 excursions) ===== */
.daytrip-quicknav{ display:flex; flex-wrap:wrap; gap:10px; margin-top:38px; }
.daytrip-quicknav a{
  font-family:'IBM Plex Mono', monospace; font-size:12px; letter-spacing:0.06em;
  text-transform:uppercase; padding:10px 18px; border-radius:999px;
  border:1px solid var(--line); background:var(--paper); color:var(--ink);
  transition:background .15s ease, color .15s ease, border-color .15s ease;
}
.daytrip-quicknav a:hover{ background:var(--eco-deep); border-color:var(--eco-deep); color:#F7F4EC; }

/* ===== LISTE DES EXPÉRIENCES ===== */
.daytrip-rows{ padding:20px 0 10px; }
.daytrip-row{
  display:grid; grid-template-columns:0.85fr 1.15fr; gap:64px; align-items:center;
  padding:64px 0; border-bottom:1px solid var(--line); scroll-margin-top:100px;
}
.daytrip-row:first-child{ padding-top:0; }
.daytrip-row:last-child{ border-bottom:none; }
.daytrip-row.reverse .daytrip-row-media{ order:2; }
.daytrip-row.reverse .daytrip-row-body{ order:1; }
.daytrip-row-media{ position:relative; aspect-ratio:4/5; overflow:hidden; background:var(--ink); }
.daytrip-row-media img{ width:100%; height:100%; object-fit:cover; }
.daytrip-row-index{ font-family:'IBM Plex Mono', monospace; font-size:12px; color:var(--eco-deep); letter-spacing:0.1em; display:block; margin-bottom:14px; }
.daytrip-row-body h2{ font-family:'Big Shoulders Display', sans-serif; font-weight:900; text-transform:uppercase; font-size:clamp(30px, 3.4vw, 44px); color:var(--ink); line-height:1.08; margin-bottom:18px; }
.daytrip-row-body p.desc{ font-size:15.5px; color:#4B564F; max-width:480px; margin-bottom:28px; }
.daytrip-stats{ display:flex; flex-wrap:wrap; gap:30px; }
.daytrip-stats div .num{ font-family:'IBM Plex Mono', monospace; font-size:17px; font-weight:600; color:var(--ink); display:block; }
.daytrip-stats div .lbl{ font-family:'IBM Plex Mono', monospace; font-size:10px; letter-spacing:0.06em; text-transform:uppercase; color:#7A8078; margin-top:4px; }

@media (max-width: 900px){
  .daytrip-row{ grid-template-columns:1fr; gap:32px; padding:44px 0; }
  .daytrip-row.reverse .daytrip-row-media{ order:1; }
  .daytrip-row.reverse .daytrip-row-body{ order:2; }
}