/* Lagom promotion pages with Navigation = "Only Logo". Below desktop Lagom
   turns #main-menu into the mobile drawer (hidden, opacity 0, 342px wide),
   which also hides the only thing in this header, the logo. Keep a full-width,
   centred logo bar on every screen width (6 Nov 2026). Scoped to Lagom's own
   .app-nav-only-logo header, so no other header changes. */
.app-nav-only-logo .app-nav-menu,
.app-nav-only-logo .app-nav-menu > .container,
.app-nav-only-logo .app-nav-menu .logo{visibility:visible}
.app-nav-only-logo .app-nav-menu{position:static;display:block;height:auto;transform:none;opacity:1;background:transparent;box-shadow:none;border:0;border-radius:0;margin:0;padding:0;width:100%;max-width:none;left:auto;right:auto}
.app-nav-only-logo .app-nav-menu > .container{width:100%;max-width:100%;margin:0 auto;display:flex;justify-content:center;align-items:center;min-height:56px}
.app-nav-only-logo .app-nav-menu .logo{display:inline-flex}

/* Logo-only header that KEEPS the footer menu (Allan, 7 Nov 2026). Lagom's
   own Navigation = "Only Logo" also drops every footer menu, so promotion
   pages use Navigation = "Website Navigation" plus the Body class
   alx-bf-logo-only: the top bar shows just the centred logo and the full
   Lagom footer stays as it is. */
.alx-bf-logo-only .app-nav .app-nav-toggle,
.alx-bf-logo-only .app-nav .top-nav,
.alx-bf-logo-only .app-nav .menu-primary{display:none}
.alx-bf-logo-only .app-nav .app-nav-header,
.alx-bf-logo-only .app-nav .app-nav-menu{border:0;background:transparent;box-shadow:none}
.alx-bf-logo-only .app-nav .app-nav-header > .container,
.alx-bf-logo-only .app-nav .app-nav-menu > .container{display:flex;justify-content:center;align-items:center}
.alx-bf-logo-only .app-nav .logo{margin-left:auto;margin-right:auto}
.alx-bf-logo-only .app-nav,
.alx-bf-logo-only.scroll-up .app-nav,.alx-bf-logo-only.scroll-down .app-nav,.alx-bf-logo-only.scrolling .app-nav{position:absolute;top:0;left:0;right:0;z-index:1001;background:transparent;box-shadow:none;border:0;transform:none}
/* not sticky (Allan, 7 Nov 2026): the logo bar scrolls away with the page,
   also on phones where Lagom pins the inner header row on its own */
.alx-bf-logo-only .app-nav .app-nav-header,.alx-bf-logo-only .app-nav .app-nav-menu,
.alx-bf-logo-only.scroll-up .app-nav .app-nav-header,.alx-bf-logo-only.scrolling .app-nav .app-nav-header{position:relative;top:auto;transform:none}
.alx-bf-logo-only .app-nav .app-nav-menu > .container,.alx-bf-logo-only .app-nav .app-nav-header > .container{min-height:72px}
/* desktop: the logo sits in the menu row, so drop the empty top row */
@media (min-width:992px){.alx-bf-logo-only .app-nav .app-nav-header{display:none}}
/* tablet + phone: the menu row is the slide-out drawer, so drop it and keep the logo row */
@media (max-width:991.98px){.alx-bf-logo-only .app-nav .app-nav-menu{display:none}}
/* After a scroll back to the top Lagom pulls the first section under the
   (normally sticky) header: margin-top:-74px + padding-top:74px. The content
   stays put but the hero box grows upwards, so anything placed from the hero's
   top edge (the sale stickers) slides behind the logo. The logo bar here is
   not sticky, so keep the hero box where it is. */
.alx-bf-logo-only .site-banner{margin-top:0!important;padding-top:0!important}