/* Keep public desktop navigation independent of supplemental utility bundles.
   Every rule is desktop-only; mobile layout and menu interactions stay intact. */
@media (min-width: 1024px) {
  nav.acom-public-header[aria-label="Navigation principale"] {
    height: 80px;
  }
  .acom-theme-shell:has(nav[aria-label="Navigation principale"]) > #acom-main-content {
    padding-top: 80px;
  }
  nav.acom-public-header[aria-label="Navigation principale"] > div > div > .hidden.xl\:flex,
  nav.acom-public-header[aria-label="Navigation principale"] > div > div > .hidden.md\:flex {
    display: flex;
  }
  nav.acom-public-header[aria-label="Navigation principale"] .xl\:hidden {
    display: none;
  }
  nav.acom-public-header[aria-label="Navigation principale"] > div > div > .hidden.xl\:flex {
    min-width: 0;
    flex: 1 1 0;
  }
  nav.acom-public-header[aria-label="Navigation principale"] > div > div > a,
  nav.acom-public-header[aria-label="Navigation principale"] > div > div > .hidden.md\:flex {
    flex: 0 0 auto;
  }
  nav.acom-public-header[aria-label="Navigation principale"] > div > div > .hidden.xl\:flex > a,
  nav.acom-public-header[aria-label="Navigation principale"] > div > div > .hidden.xl\:flex > button {
    flex-shrink: 0;
  }
}

/* Smaller laptops get the complete link row underneath logo and account actions. */
@media (min-width: 1024px) and (max-width: 1279px) {
  nav.acom-public-header[aria-label="Navigation principale"] {
    height: 112px;
  }
  .acom-theme-shell:has(nav[aria-label="Navigation principale"]) > #acom-main-content {
    padding-top: 112px;
  }
  nav.acom-public-header[aria-label="Navigation principale"] > div > div {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: 64px 48px;
    column-gap: 16px;
    row-gap: 0;
  }
  nav.acom-public-header[aria-label="Navigation principale"] > div > div > a {
    grid-column: 1;
    grid-row: 1;
  }
  nav.acom-public-header[aria-label="Navigation principale"] > div > div > .hidden.md\:flex {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
  }
  nav.acom-public-header[aria-label="Navigation principale"] > div > div > .hidden.xl\:flex {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-content: center;
  }
}