/* Storefront only: the manuals keep the shared light language bar. */
#sg-language-bar {
  background: linear-gradient(115deg, #14344b, #28687e);
  color: #fff;
  border-bottom-color: #ffffff1a;
}
#sg-language-bar .sg-language-bar__inner {
  width: 90%;
  max-width: 1600px;
  min-height: 34px;
  padding: 2px 0;
  gap: 8px;
}
#sg-language-bar .sg-language-bar__label {
  color: #d6e5eb;
  font-size: 10px;
}
#sg-language-bar .sg-language-bar__list {
  gap: 3px;
  scrollbar-width: none;
}
#sg-language-bar .sg-language-bar__list::-webkit-scrollbar { display: none; }
#sg-language-bar .sg-language-bar__tag {
  min-width: 30px;
  height: 26px;
  padding: 0 6px;
  border-color: #ffffff40;
  border-radius: 4px;
  background: #ffffff08;
  color: #fff;
  font-size: 12px;
}
#sg-language-bar .sg-language-bar__tag:hover {
  background: #ffffff24;
  border-color: #ffffff80;
}
#sg-language-bar .sg-language-bar__tag--active {
  background: #dcebbf;
  border-color: #dcebbf;
  color: #14344b;
  box-shadow: none;
}
#sg-language-bar .sg-language-bar__tag:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 1px;
}
@media (max-width: 700px) {
  #sg-language-bar .sg-language-bar__inner {
    width: calc(100% - 20px);
    min-height: 40px;
    gap: 6px;
  }
  #sg-language-bar .sg-language-bar__tag {
    min-width: 32px;
    height: 32px;
  }
}