/* ═══════════════════════════════════════════════════════════════════
   LEGIS IMMO — Pagination des tableaux (charte marron/or)
   ═══════════════════════════════════════════════════════════════════ */
/* Ligne hors page courante (masquée par la pagination, pas par un filtre) */
tr.li-pg-off{display:none !important;}
.li-pg{
  --_br:var(--brown,#5C3A1E); --_brd:var(--brown-d,#3D2400);
  --_gd:var(--gold,#C9A96E); --_gbg:var(--gold-bg,#FBF7F0); --_ghv:var(--gold-hv,#F0E8D8);
  --_sf:var(--surface,#fff); --_bd:var(--border,#EAE0D0); --_bdd:var(--border-d,#D4C0A8);
  --_tx:var(--text,#2C1A08); --_mu:var(--muted,#7A6048);
  display:flex; align-items:center; justify-content:space-between; gap:14px;
  flex-wrap:wrap; margin:28px 14px 16px;
}
.li-pg *{box-sizing:border-box}
.li-pg-info{font-size:.78rem; color:var(--_mu); font-weight:500}
.li-pg-ctrl{display:flex; align-items:center; gap:5px; flex-wrap:wrap}

.li-pg-num,.li-pg-arw{
  min-width:34px; height:34px; padding:0 6px;
  display:inline-flex; align-items:center; justify-content:center;
  background:var(--_sf); color:var(--_tx);
  border:1px solid var(--_bd); border-radius:9px;
  font:inherit; font-size:.82rem; font-weight:600; cursor:pointer;
  transition:background .14s, color .14s, border-color .14s, transform .1s;
}
.li-pg-num:hover:not(.is-cur),
.li-pg-arw:hover:not(:disabled){ background:var(--_gbg); border-color:var(--_bdd); color:var(--_br); }
.li-pg-num:active:not(.is-cur),
.li-pg-arw:active:not(:disabled){ transform:translateY(1px); }
.li-pg-num.is-cur{
  background:var(--_br); border-color:var(--_br); color:#fff; cursor:default;
  box-shadow:0 4px 12px -5px rgba(92,58,30,.6);
}
.li-pg-arw{ padding:0; color:var(--_mu); }
.li-pg-arw svg{ width:17px; height:17px; }
.li-pg-arw:disabled,.li-pg-arw.is-disabled{ opacity:.4; cursor:not-allowed; pointer-events:none; }
.li-pg-gap{ padding:0 4px; color:var(--_bdd); font-weight:700; align-self:flex-end; }

.li-pg-num:focus-visible,.li-pg-arw:focus-visible{
  outline:none; box-shadow:0 0 0 3px rgba(201,169,110,.35);
}

@media(max-width:640px){
  .li-pg{ justify-content:center; }
  .li-pg-info{ width:100%; text-align:center; order:2; }
  .li-pg-ctrl{ order:1; justify-content:center; }
  .li-pg-num,.li-pg-arw{ min-width:38px; height:38px; }  /* confort tactile */
}