/* ===== Compact language selector ===== */
.language-popup-trigger{
  width:auto!important;
  min-width:68px!important;
  height:42px!important;
  padding:0 11px!important;
  gap:7px!important;
  border-radius:9px!important;
  border-color:#dbe5e8!important;
  background:#fff!important;
  box-shadow:none!important;
  font-size:13px!important;
  font-weight:600!important;
}
.language-popup-trigger:hover,
.language-popup-trigger[aria-expanded="true"]{
  color:var(--accent-strong)!important;
  border-color:rgba(22,170,145,.48)!important;
  background:#f4faf8!important;
}
.language-trigger-flag{
  display:grid;
  place-items:center;
  width:22px;
  height:18px;
  overflow:hidden;
  border-radius:4px;
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;
  font-size:20px;
  line-height:1;
  box-shadow:0 0 0 1px rgba(7,31,49,.08);
}
.language-trigger-code{line-height:1}
.language-trigger-chevron{width:10px!important;height:10px!important;transition:transform .2s ease}
.language-popup-trigger[aria-expanded="true"] .language-trigger-chevron{transform:rotate(180deg)}

.language-popup{
  padding:20px!important;
  align-items:center!important;
  justify-items:center!important;
}
.language-popup-backdrop{
  background:rgba(4,22,34,.48)!important;
  backdrop-filter:blur(3px)!important;
  -webkit-backdrop-filter:blur(3px)!important;
}
.language-popup-dialog{
  width:min(390px,calc(100vw - 40px))!important;
  max-height:calc(100dvh - 40px)!important;
  padding:18px!important;
  overflow:auto!important;
  border:1px solid rgba(16,47,70,.1)!important;
  border-radius:16px!important;
  box-shadow:0 24px 64px rgba(4,22,34,.24)!important;
  transform:translateY(8px) scale(.985)!important;
}
.language-popup.is-open .language-popup-dialog{transform:none!important}
.language-popup-head{
  align-items:center!important;
  margin:0 0 14px!important;
  padding:0 0 13px!important;
  border-bottom:1px solid #e8eef0!important;
}
.language-popup-head h2{
  margin:0!important;
  font-size:20px!important;
  font-weight:600!important;
  line-height:1.25!important;
  letter-spacing:-.01em!important;
}
.language-popup-close{
  flex:0 0 34px!important;
  width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:8px!important;
  background:#f3f6f7!important;
  font-size:0!important;
}
.language-popup-close::before,.language-popup-close::after{
  content:"";
  position:absolute;
  width:14px;
  height:1.5px;
  border-radius:99px;
  background:currentColor;
}
.language-popup-close::before{transform:rotate(45deg)}
.language-popup-close::after{transform:rotate(-45deg)}
.language-popup-options{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
.language-choice{
  min-width:0!important;
  min-height:54px!important;
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:9px!important;
  padding:9px 10px!important;
  border:1px solid #e1e8eb!important;
  border-radius:10px!important;
  background:#fff!important;
  color:var(--text)!important;
  text-align:left!important;
  box-shadow:none!important;
  transform:none!important;
}
.language-choice:hover{
  border-color:rgba(22,170,145,.42)!important;
  background:#f7fbfa!important;
  transform:none!important;
}
.language-choice.is-current{
  border-color:rgba(22,170,145,.52)!important;
  background:#edf9f6!important;
  box-shadow:inset 0 0 0 1px rgba(22,170,145,.08)!important;
}
.language-flag{
  width:30px!important;
  height:23px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  border-radius:5px!important;
  color:inherit!important;
  background:#f5f7f8!important;
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif!important;
  font-size:25px!important;
  font-weight:400!important;
  line-height:1!important;
  letter-spacing:0!important;
  box-shadow:0 0 0 1px rgba(7,31,49,.08)!important;
}
.language-flag img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:inherit!important}
.language-choice-name{
  min-width:0;
  overflow:hidden;
  color:var(--primary)!important;
  font-size:13px!important;
  font-weight:500!important;
  line-height:1.25!important;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.language-check{
  display:grid;
  place-items:center;
  width:18px;
  height:18px;
  border-radius:50%;
  color:#fff!important;
  background:var(--accent)!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1!important;
}
.language-popup-note{
  margin:12px 0 0!important;
  padding:0!important;
  color:#768890!important;
  background:transparent!important;
  font-size:11px!important;
  line-height:1.45!important;
  text-align:center!important;
}

@media(max-width:900px){
  .language-popup-trigger{
    width:42px!important;
    min-width:42px!important;
    padding:0!important;
  }
  .language-trigger-code,.language-trigger-chevron{display:none!important}
}

@media(max-width:720px){
  .language-popup{
    padding:12px!important;
    align-items:center!important;
    justify-items:center!important;
  }
  .language-popup-dialog{
    width:min(350px,calc(100vw - 24px))!important;
    max-height:calc(100dvh - 24px)!important;
    padding:16px!important;
    border-radius:15px!important;
  }
  .language-popup-head{margin-bottom:12px!important;padding-bottom:11px!important}
  .language-popup-head h2{font-size:18px!important}
  .language-popup-options{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .language-choice{
    min-height:50px!important;
    grid-template-columns:28px minmax(0,1fr) auto!important;
    gap:8px!important;
    padding:8px!important;
  }
  .language-flag{width:28px!important;height:21px!important;font-size:23px!important}
  .language-choice-name{font-size:12px!important}
  .language-popup-note{margin-top:10px!important;font-size:10.5px!important}
}

@media(max-width:360px){
  .language-popup-dialog{width:calc(100vw - 20px)!important;padding:14px!important}
  .language-choice{grid-template-columns:26px minmax(0,1fr)!important}
  .language-flag{width:26px!important;height:20px!important;font-size:21px!important}
  .language-check{display:none!important}
}
.language-popup-close{position:relative!important}
@media(max-width:900px){
  .language-popup-trigger .language-trigger-flag{display:grid!important}
}


/* Local SVG flags: stable across Windows, Android, iOS and browsers */
.language-trigger-flag,
.language-flag{
  background:#fff!important;
  font-size:0!important;
  font-family:inherit!important;
}
.language-trigger-flag img,
.language-flag img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:inherit!important;
}
.language-trigger-flag img{object-position:center!important}
