/* Shared by English and every generated language. */
.tk-language-picker { position: relative; flex: 0 0 auto; z-index: 1040; color: #202631; font: 14px/1.5 Lato, Arial, sans-serif; margin: 0 10px; order: 0; }
.tk-language-picker summary { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 5px; border: 1px solid #dce7e3; border-radius: 8px; background: #fff; cursor: pointer; list-style: none; }
.tk-language-picker summary::-webkit-details-marker { display: none; }
.tk-language-picker summary:hover, .tk-language-picker[open] summary { background: #f0f7f4; border-color: #9fc8bb; }
.tk-language-flag { width: 24px; height: 18px; object-fit: cover; border-radius: 3px; box-shadow: 0 0 0 1px #14202c1a; flex-shrink: 0; }
.tk-language-picker summary:focus-visible, .tk-language-picker a:focus-visible { outline: 3px solid #167d6f; outline-offset: 2px; }
.tk-language-picker nav { position: absolute; right: 0; top: calc(100% + 8px); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: min(360px, calc(100vw - 24px)); padding: 8px; border: 1px solid #d4dbe3; border-radius: 12px; background: #fff; box-shadow: 0 12px 32px #14202c26; }
.tk-language-picker a { display: flex; align-items: center; gap: 10px; padding: 10px; color: #202631; border-radius: 6px; text-decoration: none; overflow-wrap: anywhere; }
.tk-language-picker a:hover, .tk-language-picker a[aria-current] { background: #e9f5f1; color: #12684f; }
@media (min-width: 992px) { .navbar-main .main-container > .container > .offcanvas { flex: 1; min-width: 0; } }
@media (max-width: 991px) { .tk-language-picker { position: static; order: 0; margin: 0 6px 0 0; } .tk-language-picker nav { left: 12px; right: auto; top: 100%; } }
@media (max-width: 575px) {
  .navbar-main .main-container > .container { gap: 5px; }
  .navbar-main .navbar-brand img { max-width: 85px; height: auto; }
  .tk-language-picker summary { padding: 6px; gap: 5px; }
  .navbar.navbar-main .main-container .btn-hold-xs { gap: 4px; }
  .navbar.navbar-main .main-container .btn-hold-xs a { font-size: 11px; padding: 5px; }
}
html:not([lang="en"]) .navbar-main .nav-holder .navbar-nav { flex-wrap: wrap; }
html:not([lang="en"]) .navbar-main .nav-holder .navbar-nav > li > a { white-space: normal; }
html:not([lang="en"]) .btn, html:not([lang="en"]) button, html:not([lang="en"]) .badge { white-space: normal; height: auto; min-height: fit-content; }
html:not([lang="en"]) h1, html:not([lang="en"]) h2, html:not([lang="en"]) h3, html:not([lang="en"]) h4 { overflow-wrap: anywhere; }
html:not([lang="en"]) .notice-holder .text-truncate { white-space: normal; overflow: visible; }
html:not([lang="en"]) .ai-widget-wrapper { max-width: 100%; flex-wrap: wrap; }
html:not([lang="en"]) .ai-widget-label { white-space: normal; }
@media (max-width: 575px) {
  html:not([lang="en"]) .navbar-main .btn-hold-xs { flex-wrap: wrap; gap: 6px; }
  html:not([lang="en"]) .navbar-main .btn-hold-xs a { font-size: 12px; padding-left: 8px; padding-right: 8px; }
}

.tk-language-header { display: flex; align-items: center; justify-content: space-between; max-width: 1140px; margin: auto; padding: 16px; }