:root{
  --nx-sidebar-w: 340px;
}

/* sidebar width */
.main-no-sidebar{
  padding-left: calc(24px + var(--nx-sidebar-w) + 34px) !important;
}
.footer{
  padding-left: calc(24px + var(--nx-sidebar-w) + 34px) !important;
}
.top-tabs{
  width: var(--nx-sidebar-w) !important;
  padding: 14px !important;
}
.tab{
  min-height: 64px !important;
  padding: 10px 14px !important;
}
.tab .nx-tab-logo{
  display:block;
  max-width: 100%;
  max-height: 34px;
  width: auto;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 0 0 rgba(0,0,0,0));
}
.tab .nx-tab-text{
  display:none;
}

.tab[data-console="xbox"] .nx-tab-logo{
  max-height: 48px;
}
.tab.nx-all-tab .nx-tab-text{
  display:block;
  font-weight: 700;
  letter-spacing: .01em;
}
.tab.nx-all-tab{
  justify-content:flex-start !important;
}

/* 7 jeux par ligne sur grand écran */
.games-grid{
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
}
.game-card{
  min-width: 0;
}
.game-cover{
  min-height: 180px !important;
}

@media (max-width: 1700px){
  :root{ --nx-sidebar-w: 300px; }
  .games-grid{ grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }
}
@media (max-width: 1500px){
  :root{ --nx-sidebar-w: 290px; }
  .games-grid{ grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
}
@media (max-width: 1220px){
  :root{ --nx-sidebar-w: 250px; }
  .games-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 980px){
  .top-tabs{
    width:100% !important;
    padding:0 !important;
  }
  .tab .nx-tab-logo{
    max-height: 24px;
  }
  .tab .nx-tab-text{
    display:block;
    font-size:.9rem;
  }
  .main-no-sidebar,
  .footer{
    padding-left: 14px !important;
  }
}
@media (max-width: 760px){
  .games-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 520px){
  .games-grid{ grid-template-columns: 1fr !important; }
}
