/*
 * VG port — native nav layout fixes.
 * ----------------------------------
 * The stock glacial nav (navigation.css) assumes a single position:fixed
 * header. The ported LVC design is a normal-flow top-bar followed by the
 * header/nav, so keep the banner in flow and reserve room for the dropdown
 * chevron indicators. Loaded last so it overrides navigation.css + custom.css.
 * Fine-tune spacing/colors here or in Appearance → Theme Settings.
 */

/* Header flows below the static top-bar instead of overlaying it. */
#bannerHeight {
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 999;

}
.glacial-top-banner {
    position: static;
    padding: 12px 20px;
}

.topbar {
box-shadow: none;
}

/* Center the header contents to match the vg container width. */
.glacial-top-banner {
    max-width: 1360px;
    margin-left: auto;
    margin-right: auto;
}

/* Give top-level dropdown parents room for the absolutely-positioned chevron.
   !important because the vg bundle resets link padding after navigation.css. */
.gl-top-level > li.menu-item-has-children > a {
    padding-right: 21px !important;
}

/* vg-navigation.css sets .topbar { position:fixed; height:60px }, which assumed a
   fixed/offset header. In the native normal-flow layout that overlays the banner,
   so keep the top bar in flow. */
.topbar {
    position: static;
    height: auto;
}

/* Top bar: single horizontal row — phone left, "Book" CTA right.
   (Bootstrap's .navbar-nav defaults to flex-direction:column without a
   navbar-expand wrapper, which stacked the items.) */
.topbar .menu--top-bar .navbar-nav {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 1.25rem;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.topbar .menu--top-bar .navbar-nav .nav-item {
    list-style: none;
}

.topbar .menu--top-bar .navbar-nav .nav-item:first-child {
}