/* PATH: public_html/assets/css/layout/nav-mobile.css */
/*
  The hamburger + full-screen overlay menu that used to live here has
  been removed entirely, not just fixed again. Every layering bug in
  this project traced back to that overlay - a fixed-position element
  needing its own background/blur/z-index management, which kept
  getting re-broken by cache lag, duplicate CSS copies, and load-order
  issues. Removing the component removes the entire bug class with it.

  What replaced it: categories live in the icon strip below the hero
  slider (see index.html's .qcat-strip - plain in-flow content, never
  had a single layering bug). Search is a dedicated icon button below,
  linking straight to the products/search page. Account, cart, and
  theme-toggle already had their own always-visible header buttons and
  needed no mobile-specific duplicate at all.
*/

.navbar__mobile-search-btn {
  display: none;
}

@media (max-width: 900px) {
  .navbar__search-wrap {
    display: none;
  }
  .navbar__mobile-search-btn {
    display: flex;
  }
  .navbar__actions .currency-switcher {
    display: none !important;
  }
  #nav-account-link span {
    display: none;
  }
  #nav-account-link {
    padding: 9px;
  }
  .navbar__actions {
    gap: 6px;
  }
}