/* Homepage (sphere) header fixes, proposed with the video hero (NOT live yet).
   Causes: the header also carries Houzez's .header-main-wrap, which adds a white
   background + 10px/20px padding; the nav bar is rgba(0,0,0,.42) (made to sit over
   the hero), so over white it shows grey. On phones the logo renders at a fixed
   421px in a 350px container and is clipped. */

body.lvr-mockup-body header.lvr-px-header {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 991px) {
  /* Phones/tablets: solid navy header in normal flow above the hero. */
  body.lvr-mockup-body header.lvr-px-header {
    position: relative !important;
    background: #0b1a2c !important;
  }
  body.lvr-mockup-body .lvr-px-navbar { background: #0b1a2c; }

  /* Top bar: phone number only (fax/address wrap into a 100px block on phones). */
  body.lvr-mockup-body .lvr-px-topbar { padding: 6px 0; }
  body.lvr-mockup-body .lvr-px-topbar__inner { padding: 0 16px; justify-content: space-between; align-items: center; }
  body.lvr-mockup-body .lvr-px-topbar__left > :not(:first-child) { display: none; }

  /* Logo + menu button on one row; logo scales to the space left. */
  body.lvr-mockup-body .lvr-px-navbar__grid {
    position: relative;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px;
    gap: 12px;
  }
  body.lvr-mockup-body .lvr-px-logo { flex: 1 1 auto; min-width: 0; }
  body.lvr-mockup-body .lvr-px-logo img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 44px;
  }
  body.lvr-mockup-body .lvr-px-nav.main-nav-wrap {
    position: static;
    order: 2;
    flex: 0 0 auto;
    justify-content: flex-end;
  }
  body.lvr-mockup-body .lvr-px-nav-toggle { display: block; padding: 10px 6px; }

  /* Drop-down spans the full header width, below the logo row. */
  body.lvr-mockup-body .lvr-px-nav-menu {
    left: 0;
    right: 0;
    top: 100%;
    z-index: 600;
  }
}