#navbar-main.headroom {
  will-change: transform;
  transition: transform 200ms ease-in-out, box-shadow 200ms ease-in-out;
}
#navbar-main.headroom--pinned   { transform: translateY(0); }
#navbar-main.headroom--unpinned { transform: translateY(-100%); }
#navbar-main.headroom--not-top  { box-shadow: 0 4px 16px rgba(0,0,0,0.08); }
#navbar-main { z-index: 1040; }

#navbar-main{
  --pp-nav-h: 70px;
  --bs-navbar-padding-y: 0;         
  --bs-navbar-brand-padding-y: 0;     
  --bs-navbar-brand-margin-end: .5rem;
  --bs-navbar-toggler-padding-y: .125rem;
  --bs-navbar-toggler-padding-x: .5rem;
  --bs-navbar-toggler-font-size: 1rem;
}

@media (max-width: 991.98px){
  #navbar-main{ --pp-nav-h: 80px; }
}

#navbar-main.navbar{
  min-height: var(--pp-nav-h) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#navbar-main.headroom{
  will-change: transform;
  transition: transform 200ms ease-in-out, box-shadow 200ms ease-in-out;
}
#navbar-main.headroom--pinned{   transform: translateY(0); }
#navbar-main.headroom--unpinned{ transform: translateY(-100%); }
#navbar-main.headroom--not-top{  box-shadow: 0 4px 16px rgba(0,0,0,.08); }
#navbar-main{ z-index: 1040; }

#navbar-main .navbar-brand{ padding: 0 !important; margin-right: 1.5rem !important; }
#navbar-main .ppusa-navbar-logo{
  max-height: calc(var(--pp-nav-h) - 12px) !important;
  height: auto !important;
  width: auto !important;
}

@media (max-width: 991.98px) {
  #navbar-main .ppusa-navbar-logo {
    max-height: 45px !important;
  }
}

#navbar-main .navbar-toggler{ padding: .125rem .5rem !important; }
#navbar-main .navbar-toggler-icon{ width: 1rem !important; height: 1rem !important; }

#navbar-main .money-legacy-wrapper{
  height: var(--pp-nav-h) !important;
  padding-right: 1rem !important;
  gap: .5rem !important;
}
#navbar-main .notification-bell-wrapper a,
#navbar-main .mailbox-wrapper a {
    width: 32px !important;
    height: 32px !important;
    color: rgba(255,255,255,0.85) !important;
}
#navbar-main .notification-bell-wrapper a:hover,
#navbar-main .mailbox-wrapper a:hover {
    color: rgba(255,255,255,1) !important;
}
#navbar-main #ppusa-theme-toggle {
    color: rgba(255,255,255,0.85) !important;
}
#navbar-main #ppusa-theme-toggle:hover {
    color: rgba(255,255,255,1) !important;
}
#navbar-main .profile-dropdown img {
    width: 40px !important;
    height: 40px !important;
    object-fit: cover;
}

#navbar-main .container,
#navbar-main .navbar-collapse{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  min-height: 0 !important;
}
#navbar-main.headroom--unpinned { transform: translateY(0) !important; }