/* ── Page liste POI par type (lpeak-type-bs5.php) — Bootstrap 5 ──
   Adapté de lib/randozone/tailwind/css/lpeak-type.css.
   Variables : rz-bs5.css (--rz-ink, --rz-blue, --rz-border, --rz-surface, --rz-inksoft, --rz-primary).
   Shared (rz-bs5.css) : .eyebrow, .stat-chip, .rz-ico. */

/* ═══ Hero avec photo en fond (modifier sur .rz-hero) ═══ */
.rz-hero.lpt-photo-bg .rz-hero-eyebrow { color: rgba(255,255,255,.82); }
.rz-hero.lpt-photo-bg h1              { color: #fff; }
.rz-hero.lpt-photo-bg h1 .lt         { color: oklch(0.82 0.1 220); }
.rz-hero.lpt-photo-bg .rz-hero-intro  { color: rgba(255,255,255,.75); }
.rz-hero.lpt-photo-bg .stat-chip      { background:rgba(255,255,255,.13); border-color:rgba(255,255,255,.22); color:#fff; }
.rz-hero.lpt-photo-bg .stat-chip .rz-ico { color: rgba(255,255,255,.72); }
.rz-hero.lpt-photo-bg .stat-chip b    { color: #fff; }

/* ═══ Texte descriptif (HTML brut — page 1 seulement) ═══ */
.lpt-text { font-size:.9rem; color:var(--rz-inksoft); line-height:1.7; margin-bottom:2rem;
  padding:1.1rem 1.3rem; background:var(--rz-surface); border:1px solid var(--rz-border); border-radius:14px; }
.lpt-text .section-title { font-family:'Work Sans',system-ui,sans-serif; font-weight:600; letter-spacing:-.02em;
  color:var(--rz-ink); font-size:1.05rem; margin:0 0 .75rem; line-height:1.3; }
.lpt-text p { margin:0 0 .75rem; }
.lpt-text p:last-child { margin-bottom:0; }

/* ═══ Message liste vide ═══ */
.lpt-empty { display:flex; align-items:center; gap:.6rem; padding:1.5rem 1.15rem;
  color:var(--rz-inksoft); font-size:.9rem; }
.lpt-empty .rz-ico { width:18px; height:18px; color:var(--rz-blue); flex-shrink:0; }

/* ═══ Bloc sechead + liste ═══ */
.lpt-block { display:flex; flex-direction:column; gap:1rem }

/* ═══ En-tête de section ═══ */
.lpt-sechead { margin-bottom:1.25rem }
.lpt-h2 { font-family:'Work Sans',system-ui,sans-serif; font-weight:600; letter-spacing:-.02em;
  color:var(--rz-ink); font-size:1.45rem; margin:.4rem 0 0 }
@media (min-width:768px){ .lpt-h2{ font-size:2rem } }
.lpt-h2-count { font-size:.65em; font-weight:500; color:var(--rz-inksoft); letter-spacing:0 }

/* ═══ Liste compacte POI ═══ */
.poi-list { background:var(--rz-surface); border:1px solid var(--rz-border); border-radius:16px; overflow:hidden; }

.poi-compact { display:grid; grid-template-columns:72px 1fr auto; gap:.9rem; align-items:center;
  padding:.8rem 1rem; border-top:1px solid var(--rz-border); text-decoration:none; transition:background .15s; }
.poi-compact:first-child { border-top:none; }
.poi-compact:hover { background:color-mix(in oklch,var(--rz-blue) 5%,white); }

/* Miniature */
.poi-compact .thumb { width:72px; height:60px; border-radius:10px; flex-shrink:0; overflow:hidden; }
.poi-compact .thumb img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .35s ease; }
.poi-compact:hover .thumb img { transform:scale(1.07); }
.poi-compact .thumb.no-img { background:var(--rz-surface-2); border:1px solid var(--rz-border);
  display:grid; place-items:center; color:var(--rz-inksoft); }
.poi-compact .thumb.no-img .rz-ico { width:22px; height:22px; }

/* Contenu central */
.poi-compact .bd { min-width:0; }
.poi-compact h3 { font-family:'Work Sans',system-ui,sans-serif; font-weight:600; font-size:1.15rem;
  letter-spacing:-.02em; line-height:1.18; margin:0 0 .18rem; color:var(--rz-ink);
  overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.poi-compact:hover h3 { color:var(--rz-blue); }
.poi-compact.inprogress h3 { color:var(--rz-inksoft); font-style:italic; }
.poi-compact.inprogress:hover h3 { color:var(--rz-blue); opacity:.8; }
.poi-compact .sub { font-size:.76rem; color:var(--rz-inksoft); line-height:1.3;
  overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

/* Colonne droite */
.poi-compact .right { display:flex; flex-direction:column; align-items:flex-end; gap:.3rem;
  flex-shrink:0; text-align:right; }
.poi-compact .right .alt { font-family:monospace; font-weight:700; font-size:.94rem;
  color:var(--rz-ink); white-space:nowrap; line-height:1; }
.poi-compact .right .alt .u { font-size:.66rem; font-weight:600; color:var(--rz-inksoft); margin-left:.1rem; }
.poi-compact .right .cnts { display:flex; gap:.4rem; }
.poi-compact .right .cnt { display:inline-flex; align-items:center; gap:.2rem;
  font-family:monospace; font-size:.67rem; font-weight:600; color:var(--rz-inksoft); }
.poi-compact .right .cnt .rz-ico { width:12px; height:12px; }

@media (max-width:560px) {
  .poi-compact { grid-template-columns:56px 1fr auto; gap:.65rem; padding:.7rem .8rem; }
  .poi-compact .thumb { width:56px; height:48px; border-radius:8px; }
  .poi-compact h3 { font-size:1.02rem; }
}
@media (max-width:400px) {
  .poi-compact { grid-template-columns:1fr auto; padding:.65rem .75rem; }
  .poi-compact .thumb { display:none; }
  .poi-compact h3 { font-size:.96rem; }
}

/* ═══ Pagination ═══ */
.lpt-pager { display:flex; flex-wrap:wrap; gap:.4rem; margin-top:2rem; justify-content:center; }
.lpt-pager a,
.lpt-pager .cur { display:inline-flex; align-items:center; justify-content:center;
  min-width:2.25rem; height:2.25rem; padding:0 .5rem; border-radius:9px;
  font-family:monospace; font-size:.82rem; font-weight:600;
  text-decoration:none; border:1px solid var(--rz-border); background:var(--rz-surface);
  color:var(--rz-ink); transition:border-color .14s, background .14s, color .14s; }
.lpt-pager a:hover { border-color:var(--rz-blue); color:var(--rz-blue);
  background:color-mix(in oklch,var(--rz-blue) 6%,white); }
.lpt-pager .cur { background:var(--rz-blue); border-color:var(--rz-blue); color:#fff; cursor:default; }
.lpt-pager .nav-btn { padding:0 .6rem; }
.lpt-pager .nav-btn .rz-ico { width:14px; height:14px; }
.lpt-pager .dots { display:inline-flex; align-items:center; justify-content:center;
  min-width:2.25rem; height:2.25rem; font-size:.82rem; color:var(--rz-inksoft); letter-spacing:.05em; cursor:default; }

/* ═══ Sidebar — voir rz-bs5.css (.sb-card, .sb-head, .sb-links, .sb-promo, .sb-doss) ═══ */