/**
 * Ajustements globaux desktop + tablette (complète mobile.css)
 */

html {
  -webkit-tap-highlight-color: transparent;
}

.container {
  width: min(var(--container), 100% - max(1.25rem, var(--safe-left) + var(--safe-right)));
}

/* Tableaux larges : défilement horizontal propre */
.table-scroll,
.leaderboard-table-wrap,
.admin-table-wrap {
  -webkit-overflow-scrolling: touch;
}

/* Desktop large : confort de lecture */
@media (min-width: 1200px) {
  :root {
    --container: min(1140px, 100% - 3rem);
  }
}

@media (min-width: 769px) {
  .site-header__inner {
    flex-wrap: nowrap;
  }

  .app-subnav {
    justify-content: center;
  }
}