/**
 * Main navigation — fit the menu beside the logo.
 *
 * Added Nov 2026 with the "Travel insurance" / "Assurance voyage" menu item:
 * the menu block grew from ~860px to ~1035px and overlapped the logo at every
 * desktop width (the theme floats .bloc-menu right inside a 1135px wrapper
 * and the logo sits absolutely on the left). Spacing and type are tightened
 * per band; below 1000px the items flow onto a second right-aligned row.
 *
 * Kept outside style.css because the LESS toolchain is no longer available
 * (see bs/assets/css/less/header.less). Loaded after style.css.
 */

/* Desktop ≥1280: wrapper max 1135px, logo 23rem (was 25rem). */
@media only screen and (min-width: 1280px) {
  .main-header .logo { max-width: 23rem; }
  .nav-is-stuck .main-header .logo { max-width: 20rem; }
  .main-header .main-menu { margin-left: 10px; margin-right: 10px; }
  .main-header .main-menu .menu > li { padding: 0 12px; }
  .main-header .main-menu .menu > li.menu-item-has-children { padding-right: 30px; }
  .main-header .main-menu .menu > li a { font-size: 15px; font-size: 1.5rem; }
  .main-header .lang-switcher > a { font-size: 15px; font-size: 1.5rem; padding-right: 26px; }
}

/* Small desktop 1101–1279: logo 20rem, wrapper 90%. */
@media only screen and (min-width: 1101px) and (max-width: 1279px) {
  .main-header .main-menu { margin-left: 6px; margin-right: 6px; }
  .main-header .main-menu .menu > li { padding: 0 8px; }
  .main-header .main-menu .menu > li.menu-item-has-children { padding-right: 24px; }
  .main-header .main-menu .menu > li a { font-size: 14px; font-size: 1.4rem; }
  .main-header .lang-switcher > a { font-size: 14px; font-size: 1.4rem; padding-right: 24px; }
}

/* Tablet landscape 861–1100 (burger menu starts at 860): one row from
   ~1000px; narrower than that the items and language switcher wrap onto a
   second right-aligned row instead of running under the logo. */
@media only screen and (min-width: 861px) and (max-width: 1100px) {
  .main-header .logo { max-width: 13rem; padding-top: 12px; }
  .main-header .nav-topbar .bloc-menu { max-width: calc(100% - 14rem); text-align: right; }
  .main-header .nav-topbar .main-menu,
  .main-header .nav-topbar .main-menu .menu { display: contents; }
  .main-header .main-menu .menu > li { padding: 2px 7px; line-height: 1.2; }
  .main-header .main-menu .menu > li.menu-item-has-children { padding-right: 22px; }
  .main-header .main-menu .menu > li a { font-size: 14px; font-size: 1.4rem; }
  .main-header .lang-switcher > a { font-size: 14px; font-size: 1.4rem; padding: 9px 22px 9px 6px; }
}