/* Dancau V17 - polished header/navigation on desktop and mobile */
:root{--dancau-lilac:#97F2E7;--dancau-lilac-soft:#B6F6EF;--dancau-header-bg:rgba(8,10,14,.76)}

/* Desktop: one coherent bar, aligned as a single system */
.site-header{
  background:rgba(8,10,14,.82)!important;
  border-bottom:1px solid rgba(151,242,231,.10)!important;
  backdrop-filter:blur(18px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(135%)!important;
}
.site-header .head{
  min-height:76px!important;
  height:76px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:32px!important;
}
.site-header .brand{
  display:flex!important;
  align-items:center!important;
  line-height:0!important;
  flex:0 0 auto!important;
}
.site-header .brand img{
  width:132px!important;
  height:auto!important;
  max-height:34px!important;
  display:block!important;
}
.site-header .nav{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:28px!important;
  margin-left:auto!important;
  min-width:0!important;
}
.site-header .nav>a:not(.nav-cta){
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:40px!important;
  padding:0!important;
  margin:0!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:500!important;
  color:#F1F8F7!important;
  white-space:nowrap!important;
}
.site-header .nav>a:not(.nav-cta):hover{color:var(--dancau-lilac-soft)!important}
.site-header .lang-switch{
  order:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  border-radius:0!important;
  min-height:40px!important;
}
.site-header .lang-switch a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:24px!important;
  height:40px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:rgba(182,246,239,.62)!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:650!important;
  text-decoration:none!important;
}
.site-header .lang-switch a:hover{color:var(--dancau-lilac-soft)!important}
.site-header .lang-switch a[aria-current="page"]{color:var(--dancau-lilac)!important}
.site-header .nav-cta{
  order:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  color:var(--dancau-lilac)!important;
  font-size:0!important;
  line-height:1!important;
  box-shadow:none!important;
}
.site-header .nav-cta:hover{background:rgba(151,242,231,.10)!important;color:var(--dancau-lilac-soft)!important}
.site-header .nav-cta .wa-svg{width:25px!important;height:25px!important;margin:0!important;display:block!important;stroke:currentColor!important}

/* Mobile: original Dancau feel. One translucent bar, no desktop menu squeezed in. */
@media (max-width:760px){
  .site-header{
    position:fixed!important;
    top:0!important;left:0!important;right:0!important;
    z-index:9999!important;
    transform:none!important;
    transition:none!important;
    background:rgba(8,10,14,.70)!important;
    border-bottom:1px solid rgba(255,255,255,.055)!important;
    backdrop-filter:blur(18px) saturate(130%)!important;
    -webkit-backdrop-filter:blur(18px) saturate(130%)!important;
  }
  .site-header .head{
    width:100%!important;
    max-width:none!important;
    height:58px!important;
    min-height:58px!important;
    padding:0 16px!important;
    gap:12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
  }
  .site-header .brand{min-width:0!important;flex:0 1 auto!important;margin:0!important;padding:0!important}
  .site-header .brand img{width:108px!important;max-height:28px!important;height:auto!important}
  .site-header .mobile-toggle{display:none!important}
  .site-header .nav{
    position:static!important;
    inset:auto!important;
    width:auto!important;height:auto!important;min-height:0!important;
    display:flex!important;
    flex:0 0 auto!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:12px!important;
    margin:0!important;padding:0!important;
    background:transparent!important;border:0!important;box-shadow:none!important;
    transform:none!important;opacity:1!important;visibility:visible!important;overflow:visible!important;
  }
  .site-header .nav>a:not(.nav-cta){display:none!important}
  .site-header .lang-switch{
    order:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    min-height:0!important;
    margin:0!important;padding:0!important;
    background:transparent!important;border:0!important;
  }
  .site-header .lang-switch a{
    min-width:auto!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    padding:0!important;margin:0!important;
    background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:650!important;
    line-height:1!important;
  }
  .site-header .lang-switch a[aria-current="page"]{color:var(--dancau-lilac)!important}
  .site-header .nav-cta{
    order:2!important;
    width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;
    padding:0!important;margin:0!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    border:0!important;border-radius:50%!important;background:transparent!important;
    color:var(--dancau-lilac)!important;font-size:0!important;box-shadow:none!important;
  }
  .site-header .nav-cta .wa-svg{width:24px!important;height:24px!important;margin:0!important;display:block!important}
  body{padding-top:58px!important}
}

@media (max-width:360px){
  .site-header .head{padding:0 12px!important;gap:8px!important}
  .site-header .brand img{width:98px!important;max-height:26px!important}
  .site-header .nav{gap:9px!important}
  .site-header .lang-switch{gap:8px!important}
  .site-header .lang-switch a{font-size:11px!important}
  .site-header .nav-cta{width:27px!important;height:27px!important;min-width:27px!important;min-height:27px!important}
  .site-header .nav-cta .wa-svg{width:22px!important;height:22px!important}
}