/* ADF NAV BEAUTY v2 */
:root{
  --brand-1:#5b4bee; --brand-2:#7b66ff;
  --ink:#111827; --ink-soft:#e6e9ff; --ink-mid:#dbe1ff;
}
.navbar{
  position:sticky; top:0; z-index:1030;
  background:linear-gradient(90deg,var(--brand-1),var(--brand-2));
  box-shadow:0 8px 24px rgba(91,75,238,.22);
  padding:10px 16px!important;
}
.navbar *{box-sizing:border-box}
.navbar .container, .navbar .container-fluid{
  display:flex; align-items:center; gap:18px; flex-wrap:wrap; width:100%;
  max-width:1360px; margin:0 auto;
}
.navbar .navbar-brand, .navbar a.navbar-brand, .brand{
  display:inline-flex; align-items:center; gap:10px; margin:0!important;
  color:#fff!important; font-weight:700; letter-spacing:.2px; font-size:16px;
  text-decoration:none!important; white-space:nowrap;
}
.navbar .navbar-nav, .navbar .nav{
  display:flex!important; align-items:center; gap:12px; margin:0!important;
  flex:1 1 auto;
}
.navbar .navbar-nav>li, .navbar .nav>li{ list-style:none; float:none!important }
.navbar .navbar-nav>li>a, .navbar .nav>li>a{
  color:var(--ink-mid)!important; background:transparent; border-radius:999px;
  padding:8px 12px!important; line-height:1.2; font-size:14px;
  transition:background .2s ease, color .15s ease, transform .15s ease;
  text-decoration:none!important;
}
.navbar .navbar-nav>li>a:hover{
  background:rgba(255,255,255,.16); color:#fff!important; transform:translateY(-1px);
}
.navbar .navbar-nav>li>a.active,[aria-current="page"]{
  color:#fff!important; background:rgba(255,255,255,.26);
  box-shadow:0 4px 10px rgba(0,0,0,.08) inset;
}
.navbar .navbar-right, .navbar-right{
  margin-left:auto!important; display:flex; align-items:center; gap:12px;
}
.navbar .navbar-right .badge, .navbar .navbar-right .label{
  background:rgba(255,255,255,.22); color:#fff; border-radius:999px; padding:.35rem .6rem;
}
.navbar .btn, .navbar .badge, .navbar .label{ vertical-align:middle }

@media (max-width:1200px){
  .navbar .container, .navbar .container-fluid{ gap:14px }
}
@media (max-width:992px){
  .navbar .navbar-brand{ flex:1 0 auto }
  .navbar .navbar-nav, .navbar .nav{ order:2; flex:1 0 100%; justify-content:flex-start }
  .navbar .navbar-right{ order:3; flex:1 0 auto; justify-content:flex-end }
}

/* asigură contrast pentru linkurile simple din bară */
.navbar a{ color:#eef!important }
