/* UK Help Now language selector */

/* Desktop/tablet: floating top-right */
@media(min-width:761px){
  .ukhn-floating-lang {
    position: fixed !important;
    top: 58px !important;
    right: 14px !important;
    left: auto !important;
    bottom: auto !important;
    z-index: 999999 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    background: rgba(255,255,255,.96) !important;
    border: 1px solid #dbe7e5 !important;
    border-radius: 999px !important;
    padding: 5px 7px 5px 10px !important;
    box-shadow: 0 10px 30px rgba(16,24,40,.12) !important;
    backdrop-filter: blur(8px) !important;
  }

  html[dir="rtl"] .ukhn-floating-lang {
    right: auto !important;
    left: 14px !important;
  }
}

/* Mobile: NOT floating. It becomes a normal block under header. */
@media(max-width:760px){
  .ukhn-floating-lang {
    position: static !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    bottom: auto !important;
    z-index: 1 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;

    width: calc(100% - 20px) !important;
    max-width: 430px !important;
    margin: 7px auto 8px !important;
    padding: 6px 8px 6px 10px !important;

    background: #fff !important;
    border: 1px solid #dbe7e5 !important;
    border-radius: 999px !important;
    box-shadow: 0 6px 18px rgba(16,24,40,.08) !important;
    backdrop-filter: none !important;
  }

  body.ukhn-mobile-only-menu-open .ukhn-floating-lang,
  body.ukhn-mobile-menu-is-open .ukhn-floating-lang,
  body.ukhn-global-menu-open .ukhn-floating-lang {
    display: none !important;
    visibility: hidden !important;
  }
}

.ukhn-floating-lang label {
  margin: 0 !important;
  font-size: 12.5px !important;
  font-weight: 900 !important;
  color: #344054 !important;
  line-height: 1 !important;
}

#ukhnFloatingLangSelect {
  height: 30px !important;
  min-width: 165px !important;
  max-width: 210px !important;
  border: 1px solid #d0d5dd !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #111827 !important;
  padding: 3px 9px !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  outline: none !important;
}

@media(max-width:760px){
  #ukhnFloatingLangSelect {
    min-width: 150px !important;
    max-width: 190px !important;
    font-size: 12.5px !important;
  }
}