/* =========================================================
 ANALITIK LANGUAGE SWITCHER
========================================================= */

.azh-lang-switcher{
  position:fixed;
  left:18px;
  bottom:18px;
  z-index:2147483647;

  display:flex;
  align-items:center;
  gap:6px;

  padding:6px;

  border:1px solid rgba(7,24,75,.10);
  border-radius:999px;

  background:rgba(255,255,255,.96);

  box-shadow:
    0 10px 30px rgba(7,24,75,.12);

  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);

  font-family:
    Inter,
    Helvetica,
    Arial,
    sans-serif;

  visibility:visible;
  opacity:1;
  pointer-events:auto;
}


.azh-lang-switcher__btn{
  min-width:70px;
  height:38px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  gap:8px;

  padding:0 13px;

  border:0;
  border-radius:999px;

  background:transparent;

  color:#07184B;

  font-size:12px;
  font-weight:700;

  line-height:1;

  cursor:pointer;

  transition:
    background .2s ease,
    color .2s ease,
    transform .2s ease;
}


.azh-lang-switcher__btn:hover{
  background:#F1F5FF;
  transform:translateY(-1px);
}


.azh-lang-switcher__btn.is-active{
  background:#07184B;
  color:#FFFFFF;
}


/* Real SVG flag — reliable on Windows/Chrome */
.azh-lang-switcher__flag{
  width:22px;
  height:16px;

  display:block;
  flex:0 0 22px;

  overflow:hidden;

  border-radius:3px;

  box-shadow:
    0 0 0 1px rgba(7,24,75,.12);
}


.azh-lang-switcher__flag svg{
  display:block;
  width:100%;
  height:100%;
}


.azh-lang-switcher__label{
  letter-spacing:.04em;
}


@media(max-width:620px){

  .azh-lang-switcher{
    left:10px;
    bottom:10px;

    padding:5px;
  }


  .azh-lang-switcher__btn{
    min-width:64px;
    height:36px;

    padding:0 10px;

    font-size:11px;
  }


  .azh-lang-switcher__flag{
    width:20px;
    height:14px;
    flex-basis:20px;
  }

}


@media(prefers-reduced-motion:reduce){

  .azh-lang-switcher__btn{
    transition:none!important;
  }

}