/* NikoC — Trips module (bouwt voort op trails/style.css) */
/* .tp-hero vervallen: de titel komt nu uit de gedeelde .sh-masthead
   in site-header.css. */

.tp-mapwrap{border:1px solid var(--line);border-radius:10px;overflow:hidden;margin:24px 0 34px}
#tp-map{height:var(--mp-h,240px);background:var(--ink-2)}

.tp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:0 0 40px}
@media(max-width:860px){.tp-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.tp-grid{grid-template-columns:1fr}}
.tp-card{background:var(--ink-2);border:1px solid var(--line);border-radius:10px;overflow:hidden;
  transition:transform .18s,border-color .18s;display:flex;flex-direction:column}
.tp-card:hover{transform:translateY(-3px);border-color:rgba(200,168,75,.4)}
.tp-card .ph{aspect-ratio:16/10;background:var(--ink-3);overflow:hidden;display:block}
.tp-card .ph img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.tp-card:hover .ph img{transform:scale(1.03)}
.tp-card .bd{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.tp-card h3{font-size:21px;line-height:1.3}
.tp-card h3 a{color:var(--paper)}
.tp-card h3 a:hover{color:var(--gold)}
.tp-excerpt{font-size:14px;color:var(--muted);line-height:1.55;margin:0;font-weight:300}
.tp-card .meta{margin-top:auto;padding-top:4px}
.tp-card .meta span{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted)}
.tp-card .meta svg{width:13px;height:13px;color:var(--gold)}

@media (max-width:640px){
  #tp-map{height:var(--mp-h,170px)}
  .tp-grid{grid-template-columns:1fr}
}

.tl-pager{display:flex;justify-content:center;gap:10px;margin:10px 0 40px}
.tl-pager a{font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:600;letter-spacing:.08em;
  padding:8px 16px;border:1px solid var(--line);border-radius:4px;color:var(--muted)}
.tl-pager a:hover{color:var(--paper);border-color:rgba(255,255,255,.3)}
.tl-pager a.on{background:var(--gold);color:var(--ink);border-color:var(--gold)}