/* =========================================================
   Ambriel Kapital – zentrale Navigation
   Version: 2026-06-20
   Zweck: Eine einheitliche Navigation für DE / EN / BG
   ========================================================= */

#mainNav{
  position:fixed!important;
  top:0!important;left:0!important;right:0!important;
  z-index:1000!important;
  display:flex!important;
  align-items:stretch!important;
  height:76px!important;
  min-height:76px!important;
  width:100%!important;
  background:transparent!important;
  box-shadow:0 2px 24px rgba(0,0,0,.22)!important;
  transition:height .28s ease, min-height .28s ease!important;
}
#mainNav.scrolled{height:62px!important;min-height:62px!important;}

#mainNav .nav-logo-panel{
  width:32%!important;
  flex:0 0 32%!important;
  max-width:420px!important;
  min-width:250px!important;
  height:100%!important;
  background:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:8px clamp(24px,4vw,60px)!important;
  cursor:pointer!important;
  border-bottom:1px solid rgba(184,150,46,.12)!important;
}
#mainNav .nav-logo-panel img{
  display:block!important;
  width:auto!important;
  height:62px!important;
  max-width:100%!important;
  object-fit:contain!important;
  transition:height .28s ease!important;
}
#mainNav.scrolled .nav-logo-panel img{height:48px!important;}

#mainNav .mobile-menu-toggle{display:none!important;}

#mainNav .nav-menu-panel{
  flex:1 1 auto!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  background:rgba(19,28,51,.97)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  border-bottom:1px solid rgba(184,150,46,.18)!important;
  padding:0 clamp(20px,2.4vw,34px)!important;
  overflow:visible!important;
}
#mainNav .nav-menu-panel>ul{
  list-style:none!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:clamp(12px,1.35vw,20px)!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
}
#mainNav .nav-menu-panel>ul>li{
  display:flex!important;
  align-items:center!important;
  position:relative!important;
  height:100%!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
}
#mainNav .nav-menu-panel>ul>li>a{
  display:flex!important;
  align-items:center!important;
  height:76px!important;
  padding:0!important;
  color:rgba(255,255,255,.82)!important;
  text-decoration:none!important;
  font-family:'Outfit',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
  font-size:.76rem!important;
  font-weight:400!important;
  line-height:1!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  border:0!important;
  transition:color .2s ease!important;
}
#mainNav.scrolled .nav-menu-panel>ul>li>a{height:62px!important;}
#mainNav .nav-menu-panel>ul>li>a:hover{color:var(--gold2,#D4AF50)!important;}

#mainNav .dropdown{position:relative!important;}
#mainNav .dropdown-toggle::after{content:' ▾'!important;font-size:.65rem!important;opacity:.7!important;}
#mainNav .dropdown-menu{
  display:none!important;
  position:absolute!important;
  top:100%!important;
  left:0!important;
  transform:none!important;
  min-width:240px!important;
  width:max-content!important;
  max-width:340px!important;
  margin:0!important;
  padding:8px 0!important;
  background:rgba(19,28,51,.985)!important;
  border:1px solid rgba(184,150,46,.25)!important;
  border-top:2px solid var(--gold,#B8962E)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.24)!important;
  z-index:1100!important;
}
#mainNav .dropdown:hover>.dropdown-menu,
#mainNav .dropdown:focus-within>.dropdown-menu{display:block!important;}
#mainNav .dropdown-menu::before{content:''!important;position:absolute!important;top:-8px!important;left:0!important;right:0!important;height:8px!important;}
#mainNav .dropdown-menu a{
  display:block!important;
  height:auto!important;
  padding:10px 18px!important;
  color:rgba(255,255,255,.68)!important;
  text-decoration:none!important;
  font-size:.75rem!important;
  line-height:1.25!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  border:0!important;
  border-bottom:1px solid rgba(184,150,46,.08)!important;
  transition:background .2s ease,color .2s ease!important;
}
#mainNav .dropdown-menu a:hover{background:rgba(184,150,46,.10)!important;color:var(--gold2,#D4AF50)!important;}
#mainNav .dropdown-label{
  display:block!important;
  padding:10px 18px 4px!important;
  color:var(--gold,#B8962E)!important;
  font-size:.65rem!important;
  line-height:1.25!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  opacity:.65!important;
  pointer-events:none!important;
}

#mainNav .lang-switcher{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:8px!important;
  height:76px!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
}
#mainNav.scrolled .lang-switcher{height:62px!important;}
#mainNav .lang-switcher a{
  display:inline-flex!important;
  align-items:center!important;
  height:auto!important;
  width:auto!important;
  padding:0!important;
  border:0!important;
  color:rgba(255,255,255,.78)!important;
  text-decoration:none!important;
  font-size:.72rem!important;
  line-height:1!important;
  letter-spacing:.08em!important;
}
#mainNav .lang-switcher a:hover{color:var(--gold2,#D4AF50)!important;}
#mainNav .lang-switcher span{display:inline-flex!important;align-items:center!important;color:rgba(255,255,255,.28)!important;font-size:.72rem!important;line-height:1!important;}

@media (max-width:1180px) and (min-width:961px){
  #mainNav .nav-logo-panel{flex-basis:28%!important;width:28%!important;min-width:230px!important;padding-left:24px!important;padding-right:24px!important;}
  #mainNav .nav-menu-panel{padding:0 18px!important;}
  #mainNav .nav-menu-panel>ul{gap:14px!important;}
  #mainNav .nav-menu-panel>ul>li>a{font-size:.70rem!important;letter-spacing:.055em!important;}
}

@media (max-width:960px){
  body.nav-open{overflow:hidden!important;}
  #mainNav,#mainNav.scrolled{
    height:64px!important;
    min-height:64px!important;
    align-items:stretch!important;
    background:#fff!important;
  }
  #mainNav .nav-logo-panel{
    width:auto!important;
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:calc(100% - 76px)!important;
    height:64px!important;
    min-height:64px!important;
    padding:6px 16px!important;
    background:#fff!important;
  }
  #mainNav .nav-logo-panel img,
  #mainNav.scrolled .nav-logo-panel img{
    height:46px!important;
    max-height:46px!important;
    max-width:100%!important;
  }
  #mainNav .mobile-menu-toggle{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:absolute!important;
    right:14px!important;
    top:10px!important;
    width:44px!important;
    height:44px!important;
    z-index:1200!important;
    background:transparent!important;
    border:0!important;
    color:var(--gold,#B8962E)!important;
    font-size:2rem!important;
    line-height:1!important;
    padding:0!important;
    cursor:pointer!important;
  }
  #mainNav .nav-menu-panel{
    display:none!important;
    position:fixed!important;
    top:64px!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    height:auto!important;
    max-height:calc(100vh - 64px)!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    background:rgba(19,28,51,.985)!important;
    padding:18px 24px 22px!important;
    border-top:1px solid rgba(184,150,46,.18)!important;
    box-shadow:0 16px 32px rgba(0,0,0,.28)!important;
  }
  #mainNav .nav-menu-panel.mobile-open{display:block!important;}
  #mainNav .nav-menu-panel>ul{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:0!important;
    width:100%!important;
  }
  #mainNav .nav-menu-panel>ul>li{
    display:block!important;
    width:100%!important;
    height:auto!important;
  }
  #mainNav .nav-menu-panel>ul>li>a{
    display:block!important;
    width:100%!important;
    height:auto!important;
    padding:13px 0!important;
    color:rgba(255,255,255,.82)!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
    font-size:.92rem!important;
    line-height:1.25!important;
    letter-spacing:.08em!important;
    white-space:normal!important;
    text-align:left!important;
  }
  #mainNav .dropdown-menu{
    display:block!important;
    position:static!important;
    top:auto!important;left:auto!important;right:auto!important;
    transform:none!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0 0 10px 0!important;
    padding:8px 0 8px 18px!important;
    background:rgba(255,255,255,.035)!important;
    border:0!important;
    border-left:2px solid var(--gold,#B8962E)!important;
    box-shadow:none!important;
  }
  #mainNav .dropdown-menu::before{display:none!important;}
  #mainNav .dropdown-menu a{
    display:block!important;
    width:100%!important;
    height:auto!important;
    padding:10px 0 10px 16px!important;
    color:rgba(255,255,255,.72)!important;
    border:0!important;
    font-size:.83rem!important;
    line-height:1.3!important;
    white-space:normal!important;
  }
  #mainNav .dropdown-label{display:block!important;padding:9px 0 4px 16px!important;line-height:1.3!important;}
  #mainNav .lang-switcher{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    height:auto!important;
    padding-top:14px!important;
    gap:12px!important;
  }
  #mainNav .lang-switcher a{font-size:.82rem!important;}
}