/* NxRoms v218 — correction définitive du mode liste.
   Les anciens styles safe-inspired utilisent !important : on les neutralise uniquement dans la vue liste. */

body.nx-v207-public.nx207-list #nx207GridContent.nx207-grid{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:10px !important;
  align-items:stretch !important;
}

body.nx-v207-public.nx207-list #nx207GridContent .nx207-card.game-card{
  display:grid !important;
  grid-template-columns:104px minmax(0,1fr) !important;
  grid-template-rows:126px !important;
  width:100% !important;
  min-width:0 !important;
  height:126px !important;
  min-height:126px !important;
  max-height:126px !important;
  padding:0 !important;
  gap:0 !important;
  overflow:hidden !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.94) !important;
  border:1px solid rgba(124,58,237,.12) !important;
  box-shadow:0 7px 18px rgba(73,67,110,.08) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  transform:none !important;
}

body.nx-v207-public.nx207-list #nx207GridContent .nx207-card.game-card:hover{
  transform:translateY(-1px) !important;
  border-color:rgba(124,58,237,.28) !important;
  box-shadow:0 10px 24px rgba(83,70,138,.12) !important;
}

body.nx-v207-public.nx207-list #nx207GridContent .nx207-card .nx207-cover.game-cover{
  grid-column:1 !important;
  grid-row:1 !important;
  width:104px !important;
  min-width:104px !important;
  max-width:104px !important;
  height:126px !important;
  min-height:126px !important;
  max-height:126px !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:11px 0 0 11px !important;
  background:linear-gradient(145deg,#eef1f7,#dde2ec) !important;
  overflow:hidden !important;
}

body.nx-v207-public.nx207-list #nx207GridContent .nx207-cover img{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  padding:0 !important;
  margin:0 !important;
  object-fit:cover !important;
  object-position:center !important;
  border-radius:0 !important;
  transform:none !important;
}

body.nx-v207-public.nx207-list #nx207GridContent .nx207-cover img.fit-contain{
  object-fit:contain !important;
  padding:6px !important;
  background:#eef1f7 !important;
}

body.nx-v207-public.nx207-list #nx207GridContent .nx207-info.game-info{
  grid-column:2 !important;
  grid-row:1 !important;
  min-width:0 !important;
  height:126px !important;
  min-height:126px !important;
  padding:16px 18px !important;
  margin:0 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  gap:8px !important;
  background:transparent !important;
}

body.nx-v207-public.nx207-list #nx207GridContent .nx207-title,
body.nx-v207-public.nx207-list #nx207GridContent .game-info h3{
  min-height:0 !important;
  margin:0 !important;
  color:#292c3d !important;
  font:800 16px/1.25 Outfit,Inter,sans-serif !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

body.nx-v207-public.nx207-list #nx207GridContent .nx207-meta,
body.nx-v207-public.nx207-list #nx207GridContent .game-info .meta{
  margin:0 !important;
  padding:0 !important;
  color:#74798a !important;
  font:600 11px/1.45 Inter,sans-serif !important;
  display:block !important;
}

body.nx-v207-public.nx207-list #nx207GridContent .nx207-badges{
  top:6px !important;
  right:6px !important;
  gap:3px !important;
}
body.nx-v207-public.nx207-list #nx207GridContent .nx207-badge{
  padding:3px 6px !important;
  font-size:7px !important;
}

/* Le bouton liste actif reste assorti au thème clair/lavande. */
body.nx-v207-public.nx207-list #nx207List{
  border-color:transparent !important;
  background:linear-gradient(135deg,#a987f5 0%,#7c4be6 55%,#6935d7 100%) !important;
  color:#fff !important;
  box-shadow:0 9px 22px rgba(103,59,216,.26) !important;
}

@media(max-width:640px){
  body.nx-v207-public.nx207-list #nx207GridContent .nx207-card.game-card{
    grid-template-columns:82px minmax(0,1fr) !important;
    grid-template-rows:108px !important;
    height:108px !important;
    min-height:108px !important;
    max-height:108px !important;
  }
  body.nx-v207-public.nx207-list #nx207GridContent .nx207-card .nx207-cover.game-cover{
    width:82px !important;
    min-width:82px !important;
    max-width:82px !important;
    height:108px !important;
    min-height:108px !important;
    max-height:108px !important;
  }
  body.nx-v207-public.nx207-list #nx207GridContent .nx207-info.game-info{
    height:108px !important;
    min-height:108px !important;
    padding:12px 13px !important;
  }
  body.nx-v207-public.nx207-list #nx207GridContent .nx207-title,
  body.nx-v207-public.nx207-list #nx207GridContent .game-info h3{
    font-size:14px !important;
  }
}