/* P30 hotfix: authenticated header buttons must stay readable.
   Global button styles were leaking into nav buttons after login,
   making dropdown labels white / unreadable on a light header. */

.nav .dropdown-toggle,
.nav .user-dropdown-toggle{
  color:#475569 !important;
  background:transparent !important;
  box-shadow:none !important;
  border:1px solid transparent;
  border-radius:999px;
  padding:12px 14px;
  min-height:48px;
  font-weight:800;
  font-size:.95rem;
  line-height:1;
  white-space:nowrap;
  text-decoration:none;
}

.nav .dropdown-toggle:hover,
.nav .dropdown-toggle:focus-visible,
.nav .dropdown:focus-within > .dropdown-toggle,
.nav .user-dropdown-toggle:hover,
.nav .user-dropdown-toggle:focus-visible,
.nav .user-dropdown:focus-within > .user-dropdown-toggle{
  color:#3730a3 !important;
  background:#eef2ff !important;
  border-color:#c7d2fe;
  outline:none;
}

.nav .user-dropdown-toggle{
  max-width:100%;
}

/* Keep authenticated nav controls fully interactive on desktop. */
@media (min-width:981px){
  .nav-links .dropdown,
  .nav-right .user-dropdown{display:inline-flex;align-items:center;}
  .nav-links .dropdown > .dropdown-toggle,
  .nav-right .user-dropdown > .user-dropdown-toggle{pointer-events:auto;position:relative;z-index:1;}
}

/* Mobile drawer should style the authenticated user menu like the other menu buttons. */
@media (max-width:980px){
  .mobile-nav-panel .dropdown-toggle,
  .mobile-nav-panel .user-dropdown-toggle,
  .mobile-nav-panel .nav-right-public .nav-link,
  .mobile-nav-panel .nav-right-public .nav-cta{
    width:100%;
    box-sizing:border-box;
    min-height:48px;
    display:flex !important;
    align-items:center;
    justify-content:space-between;
    border:1px solid #dbe3ef;
    border-radius:18px;
    background:#fff !important;
    color:#0f172a !important;
    padding:14px 16px;
    font-size:1rem;
    line-height:1.2;
    box-shadow:0 10px 28px -26px rgba(15,23,42,.45) !important;
  }

  .mobile-nav-panel .dropdown-toggle:hover,
  .mobile-nav-panel .dropdown-toggle:focus-visible,
  .mobile-nav-panel .user-dropdown-toggle:hover,
  .mobile-nav-panel .user-dropdown-toggle:focus-visible,
  .mobile-nav-panel .nav-right-public .nav-link:hover,
  .mobile-nav-panel .nav-right-public .nav-link:focus-visible{
    background:#eef2ff !important;
    color:#312e81 !important;
    border-color:#c7d2fe;
    outline:none;
  }

  .mobile-nav-panel .nav-right-public .nav-cta{
    justify-content:center;
    background:linear-gradient(135deg,#4f46e5,#2563eb) !important;
    color:#fff !important;
    border-color:#3730a3;
    box-shadow:0 16px 34px -24px rgba(79,70,229,.55) !important;
  }
}