.voyqa-bottom-nav {
  display: none;
}

@media (max-width: 767px) {
  .voyqa-bottom-nav[data-enabled="true"] {
    display: flex;
    position: fixed;
    left: 14px; right: 14px;
    bottom: max(10px, env(safe-area-inset-bottom));
    z-index: var(--voyqa-z-bottom-nav);
    background: var(--voyqa-blue);
    border: 1px solid rgba(223,189,122,.55);
    border-radius: 18px;
    padding: 7px 9px;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 18px 45px rgba(15,45,77,.28);
  }

  .voyqa-bottom-nav__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    min-width: 44px;
    min-height: 44px;
    justify-content: center;
    color: rgba(255, 250, 241, 0.7);
    font-size: .51rem;
    font-weight: 600;
    letter-spacing: .05em;
    text-transform: uppercase;
  }
  .voyqa-bottom-nav__item svg { width: 20px; height: 20px; }
  .voyqa-bottom-nav__item[aria-current="page"] { color: var(--voyqa-champagne); }

  .voyqa-bottom-nav__monogram {
    width: 40px; height: 40px;
    border: 1px solid var(--voyqa-champagne);
    border-radius: 50%;
    display: grid; place-items: center;
    background: var(--voyqa-blue);
    color: var(--voyqa-champagne);
    font-family: var(--voyqa-font-heading);
    font-weight: 700;
    margin-top: -16px;
    box-shadow: var(--voyqa-shadow-soft);
  }

  /* Never let the fixed bar cover page content or block reachability. */
  body { padding-bottom: 84px; }
}