/* freeetv — PATCHES PROD v0 (déployables seuls, sans la refonte de freeetv.css).
   DÉCOUPE Lili : ici = ce qui part MAINTENANT (pagination + bande hero + tactile HORS
   header). Le tactile du HEADER (pastilles/toggle/langue) + le cluster responsive vivent
   dans le lot HEADER MOBILE (bouton palette + bottom-sheet) — pas ici, pour ne pas
   étaler le header sur mobile. Tokens → suit switcher + jour/nuit. Enqueue après freeetv. */

/* ===== PAGINATION catalogue (spec Léonard 11/07) — le .ftv-pagination était dans .grid
   (repeat(4,1fr)) → pilules repliées verticalement ; scope li>.page-numbers (le <ul>
   porte aussi .page-numbers). ===== */
.grid > .ftv-pagination{grid-column:1/-1}
.ftv-pagination{width:100%;display:flex;justify-content:center}
.ftv-pagination ul.page-numbers{list-style:none;margin:0;padding:0;display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.ftv-pagination li{margin:0}
.ftv-pagination li > .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border:1px solid var(--line);border-radius:999px;color:var(--ink);text-decoration:none;font-size:14px;font-weight:600;letter-spacing:.02em;transition:border-color .18s,background .18s,transform .18s}
.ftv-pagination li > a.page-numbers:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-1px)}
.ftv-pagination li > .page-numbers.current{background:var(--blue);border-color:var(--blue);color:#fff}
.ftv-pagination li > .page-numbers.dots{border:none;opacity:.55;min-width:auto;padding:0 2px}
.ftv-pagination li > .prev.page-numbers,.ftv-pagination li > .next.page-numbers{padding:0 16px}
@media(max-width:480px){.ftv-pagination li > .page-numbers{min-width:36px;height:36px}}

/* ===== RESPONSIVE mobile — bande hero (CONTENU, pas le header). Les 3 colonnes ne
   tiennent pas en portrait → empilées, centrées. (Le header mobile = lot séparé.) ===== */
@media(max-width:600px){
  .band{flex-direction:column}
  .band span{white-space:normal;justify-content:center;text-align:center}
  .band .b1,.band .b3{justify-content:center}
  .band .b2{padding:12px 24px}
}

/* ===== SOCLE TACTILE HORS HEADER (audit Albert P0, découpe Lili) : cibles ≥44px sur
   les éléments de CONTENU. Le tactile du header part avec le lot header mobile. ===== */
@media (pointer:coarse){
  .ftv-pagination li > .page-numbers{min-width:44px;height:44px}
  .mo-btn{width:40px;height:40px}
  .cl-tab{padding:15px 10px}
  .ftv-oc{min-height:44px}
}