/* Container relatif dès 992px (on garde) */
@media (min-width: 992px) {
  .app-header .container-xxl { position: relative; }

  /* Entre 992px et 1279px : la nav reste en flux normal, s'adapte à la place */
  .app-header nav.nav-center {
    position: static;
    transform: none;
    white-space: normal;
    flex-wrap: wrap;
    justify-content: center;
  }
}

/* Centrage absolu UNIQUEMENT sur très grands écrans */
@media (min-width: 1280px) {
  .app-header nav.nav-center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    z-index: 2;
    flex-wrap: nowrap;
  }
}