/* v2.7.3 — Mobile static header + categories-first homepage
   - The mobile header/search block is no longer sticky/fixed.
   - On the mobile homepage, after the hero is hidden, popular categories are shown immediately.
*/

@media (max-width: 767.98px) {
  html body.vlg-theme,
  html body.vlg-sticky-header {
    --vlg-header-offset: 0px !important;
  }

  html body.vlg-theme .vlg-site-header,
  html body.vlg-theme.vlg-sticky-header .vlg-site-header,
  html body.vlg-sticky-header .vlg-site-header,
  html body.admin-bar.vlg-theme .vlg-site-header,
  html body.admin-bar.vlg-sticky-header .vlg-site-header {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    z-index: 50 !important;
  }

  html body.vlg-theme .vlg-site-header.is-sticky,
  html body.vlg-theme .vlg-site-header.is-fixed,
  html body.vlg-theme .vlg-site-header.vlg-is-sticky {
    position: relative !important;
    top: auto !important;
  }

  /* Keep the drawer/backdrop behavior intact when the hamburger menu is opened. */
  html body.vlg-theme .vlg-mobile-backdrop,
  html body.vlg-theme .vlg-nav.is-open {
    position: fixed !important;
  }

  /* Mobile homepage: remove the trust cards from the first screen so
     “Populaarsed kategooriad” follows the header/search immediately. */
  html body.home.vlg-theme .vlg-home > .vlg-container > .vlg-trust-grid,
  html body.front-page.vlg-theme .vlg-home > .vlg-container > .vlg-trust-grid,
  html body.home .vlg-home > .vlg-container > .vlg-trust-grid,
  html body.front-page .vlg-home > .vlg-container > .vlg-trust-grid {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  html body.home.vlg-theme .vlg-home,
  html body.front-page.vlg-theme .vlg-home {
    padding-top: 0 !important;
  }

  html body.home.vlg-theme .vlg-home > .vlg-container,
  html body.front-page.vlg-theme .vlg-home > .vlg-container {
    padding-top: 12px !important;
  }

  html body.home.vlg-theme #kategooriad,
  html body.front-page.vlg-theme #kategooriad,
  html body.home #kategooriad,
  html body.front-page #kategooriad {
    margin-top: 0 !important;
    padding-top: 14px !important;
  }

  html body.home.vlg-theme #kategooriad .vlg-section-head,
  html body.front-page.vlg-theme #kategooriad .vlg-section-head {
    margin-bottom: 14px !important;
  }
}