/* =====================================================================
 * Maghreb Emballage — site overrides
 * ---------------------------------------------------------------------
 * Loaded after the theme stylesheets. The theme's own CSS is deliberately
 * NOT edited: style.css and foundation.css are byte-identical to the
 * archived WordPress install, and keeping them that way means the mirror
 * can always be diffed against the original.
 *
 * Each override below says what it changes and why.
 * ===================================================================== */


/* ---------------------------------------------------------------------
 * 2026-11-08 — navigation breakpoint
 *
 * The theme hides the desktop top bar and shows the hamburger header at
 * max-width:1200px (style.css, line 60). That is original behaviour, not
 * a rebuild regression, but 1200px is high: a 1366px laptop at 110% zoom,
 * or a 1440px screen at 125%, both land under it and get the mobile
 * header on a desktop machine.
 *
 * Measured before changing: at both 1024px and 1100px the desktop nav
 * fits on a single row — 10 items, 815px of content in 814px of
 * available width, no overflow and no horizontal page scroll.
 *
 * So the top bar is restored for the 1024-1200px band. Below 1024px the
 * theme's hamburger still applies untouched, because the nav genuinely
 * does not fit there.
 *
 * To revert: delete this block, or remove the <link> to this file from
 * the page templates.
 * ------------------------------------------------------------------- */
@media (min-width: 1024px) and (max-width: 1200px) {

  /* Show the desktop top bar. Matches the display value the theme uses
     for it above 1200px. */
  .menu-top {
    display: block !important;
  }

  /* Hide the mobile header (hamburger + slide-out panel). This is the
     theme's own default outside the 1200px media query. */
  .header-mobile {
    display: none !important;
  }

}