google-site-verification: googleb7b09dc49fbb9973.html

      <div class="lang-switcher-mini-wrap">
        <button type="button" id="lang-switcher-mini-trigger" class="lang-switcher-mini" aria-label="Choose website language" aria-expanded="false">
          <img class="lang-switcher-flag" src="https://flagcdn.com/w20/gb.png" alt="English flag">
          <span>English</span>
          <span class="lang-switcher-caret">▾</span>
        </button>
        <div id="lang-switcher-mini-list" class="lang-switcher-mini-list" hidden>
          <button type="button" class="lang-switcher-item" data-lang="en">
        <img class="lang-switcher-flag" src="https://flagcdn.com/w20/gb.png" alt="English flag" loading="lazy">
        <span>English</span>
      </button><button type="button" class="lang-switcher-item" data-lang="nl">
        <img class="lang-switcher-flag" src="https://flagcdn.com/w20/nl.png" alt="Nederlands flag" loading="lazy">
        <span>Nederlands</span>
      </button><button type="button" class="lang-switcher-item" data-lang="de">
        <img class="lang-switcher-flag" src="https://flagcdn.com/w20/de.png" alt="Deutsch flag" loading="lazy">
        <span>Deutsch</span>
      </button><button type="button" class="lang-switcher-item" data-lang="fr">
        <img class="lang-switcher-flag" src="https://flagcdn.com/w20/fr.png" alt="Français flag" loading="lazy">
        <span>Français</span>
      </button><button type="button" class="lang-switcher-item" data-lang="es">
        <img class="lang-switcher-flag" src="https://flagcdn.com/w20/es.png" alt="Español flag" loading="lazy">
        <span>Español</span>
      </button><button type="button" class="lang-switcher-item" data-lang="it">
        <img class="lang-switcher-flag" src="https://flagcdn.com/w20/it.png" alt="Italiano flag" loading="lazy">
        <span>Italiano</span>
      </button><button type="button" class="lang-switcher-item" data-lang="pt">
        <img class="lang-switcher-flag" src="https://flagcdn.com/w20/pt.png" alt="Português flag" loading="lazy">
        <span>Português</span>
      </button><button type="button" class="lang-switcher-item" data-lang="zh-CN">
        <img class="lang-switcher-flag" src="https://flagcdn.com/w20/cn.png" alt="中文 (简体) flag" loading="lazy">
        <span>中文 (简体)</span>
      </button><button type="button" class="lang-switcher-item" data-lang="ja">
        <img class="lang-switcher-flag" src="https://flagcdn.com/w20/jp.png" alt="日本語 flag" loading="lazy">
        <span>日本語</span>
      </button><button type="button" class="lang-switcher-item" data-lang="ko">
        <img class="lang-switcher-flag" src="https://flagcdn.com/w20/kr.png" alt="한국어 flag" loading="lazy">
        <span>한국어</span>
      </button><button type="button" class="lang-switcher-item" data-lang="ar">
        <img class="lang-switcher-flag" src="https://flagcdn.com/w20/sa.png" alt="العربية flag" loading="lazy">
        <span>العربية</span>
      </button><button type="button" class="lang-switcher-item" data-lang="ru">
        <img class="lang-switcher-flag" src="https://flagcdn.com/w20/ru.png" alt="Русский flag" loading="lazy">
        <span>Русский</span>
      </button><button type="button" class="lang-switcher-item" data-lang="hi">
        <img class="lang-switcher-flag" src="https://flagcdn.com/w20/in.png" alt="हिन्दी flag" loading="lazy">
        <span>हिन्दी</span>
      </button><button type="button" class="lang-switcher-item" data-lang="tr">
        <img class="lang-switcher-flag" src="https://flagcdn.com/w20/tr.png" alt="Türkçe flag" loading="lazy">
        <span>Türkçe</span>
      </button><button type="button" class="lang-switcher-item" data-lang="pl">
        <img class="lang-switcher-flag" src="https://flagcdn.com/w20/pl.png" alt="Polski flag" loading="lazy">
        <span>Polski</span>
      </button><button type="button" class="lang-switcher-item" data-lang="uk">
        <img class="lang-switcher-flag" src="https://flagcdn.com/w20/ua.png" alt="Українська flag" loading="lazy">
        <span>Українська</span>
      </button><button type="button" class="lang-switcher-item" data-lang="sv">
        <img class="lang-switcher-flag" src="https://flagcdn.com/w20/se.png" alt="Svenska flag" loading="lazy">
        <span>Svenska</span>
      </button><button type="button" class="lang-switcher-item" data-lang="no">
        <img class="lang-switcher-flag" src="https://flagcdn.com/w20/no.png" alt="Norsk flag" loading="lazy">
        <span>Norsk</span>
      </button><button type="button" class="lang-switcher-item" data-lang="da">
        <img class="lang-switcher-flag" src="https://flagcdn.com/w20/dk.png" alt="Dansk flag" loading="lazy">
        <span>Dansk</span>
      </button><button type="button" class="lang-switcher-item" data-lang="fi">
        <img class="lang-switcher-flag" src="https://flagcdn.com/w20/fi.png" alt="Suomi flag" loading="lazy">
        <span>Suomi</span>
      </button><button type="button" class="lang-switcher-item" data-lang="el">
        <img class="lang-switcher-flag" src="https://flagcdn.com/w20/gr.png" alt="Ελληνικά flag" loading="lazy">
        <span>Ελληνικά</span>
      </button><button type="button" class="lang-switcher-item" data-lang="cs">
        <img class="lang-switcher-flag" src="https://flagcdn.com/w20/cz.png" alt="Čeština flag" loading="lazy">
        <span>Čeština</span>
      </button><button type="button" class="lang-switcher-item" data-lang="sk">
        <img class="lang-switcher-flag" src="https://flagcdn.com/w20/sk.png" alt="Slovenčina flag" loading="lazy">
        <span>Slovenčina</span>
      </button><button type="button" class="lang-switcher-item" data-lang="hu">
        <img class="lang-switcher-flag" src="https://flagcdn.com/w20/hu.png" alt="Magyar flag" loading="lazy">
        <span>Magyar</span>
      </button><button type="button" class="lang-switcher-item" data-lang="ro">
        <img class="lang-switcher-flag" src="https://flagcdn.com/w20/ro.png" alt="Română flag" loading="lazy">
        <span>Română</span>
      </button><button type="button" class="lang-switcher-item" data-lang="bg">
        <img class="lang-switcher-flag" src="https://flagcdn.com/w20/bg.png" alt="Български flag" loading="lazy">
        <span>Български</span>
      </button><button type="button" class="lang-switcher-item" data-lang="sr">
        <img class="lang-switcher-flag" src="https://flagcdn.com/w20/rs.png" alt="Srpski flag" loading="lazy">
        <span>Srpski</span>
      </button><button type="button" class="lang-switcher-item" data-lang="hr">
        <img class="lang-switcher-flag" src="https://flagcdn.com/w20/hr.png" alt="Hrvatski flag" loading="lazy">
        <span>Hrvatski</span>
      </button><button type="button" class="lang-switcher-item" data-lang="id">
        <img class="lang-switcher-flag" src="https://flagcdn.com/w20/id.png" alt="Bahasa Indonesia flag" loading="lazy">
        <span>Bahasa Indonesia</span>
      </button><button type="button" class="lang-switcher-item" data-lang="vi">
        <img class="lang-switcher-flag" src="https://flagcdn.com/w20/vn.png" alt="Tiếng Việt flag" loading="lazy">
        <span>Tiếng Việt</span>
      </button><button type="button" class="lang-switcher-item" data-lang="th">
        <img class="lang-switcher-flag" src="https://flagcdn.com/w20/th.png" alt="ไทย flag" loading="lazy">
        <span>ไทย</span>
      </button>
        </div>
      </div>

    <style id="lang-switcher-mini-style">
      .lang-switcher-mini-wrap {
        display: inline-flex;
        position: relative;
      }
      .lang-switcher-mini {
        height: 30px;
        border-radius: 6px;
        border: 1px solid #ffffff;
        background: #000000;
        color: #ffffff;
        padding: 0 0.45rem;
        font-size: 0.82rem;
        max-width: 180px;
        display: inline-flex;
        align-items: center;
        gap: 0.4rem;
        cursor: pointer;
      }
      .lang-switcher-mini:focus {
        outline: 1px solid rgba(0,229,255,0.45);
      }
      .lang-switcher-caret {
        opacity: 0.8;
      }
      .lang-switcher-flag {
        width: 18px;
        height: 13px;
        object-fit: cover;
        border-radius: 2px;
        border: 1px solid rgba(255,255,255,0.35);
      }
      .lang-switcher-mini-list {
        position: absolute;
        right: 0;
        bottom: 34px;
        z-index: 9999;
        display: grid;
        gap: 2px;
        width: 220px;
        max-height: 240px;
        overflow: auto;
        background: #000000;
        border: 1px solid #ffffff;
        border-radius: 8px;
        padding: 6px;
      }
      .lang-switcher-mini-list[hidden] {
        display: none !important;
      }
      .lang-switcher-item {
        all: unset;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        gap: 0.45rem;
        width: 100%;
        color: #ffffff;
        padding: 0.35rem 0.4rem;
        border-radius: 6px;
        cursor: pointer;
      }
      .lang-switcher-item:hover {
        background: rgba(255,255,255,0.14);
      }
    </style>

    <script id="lang-switcher-mini-script">
      (function() {
        var trigger = document.getElementById('lang-switcher-mini-trigger');
        var list = document.getElementById('lang-switcher-mini-list');
        if (!trigger || !list) return;
        var wrap = document.querySelector('.lang-switcher-mini-wrap');
        if (!wrap) return;
        closeLangMenu();

        function goToLang(nextLang) {
          if (!nextLang) return;
          if (window.location.protocol === 'file:') {
            var fileUrl = new URL(window.location.href);
            var seg = fileUrl.pathname.split('/').filter(Boolean);
            var langIdx = -1;
            for (var i = 0; i < seg.length - 1; i++) {
              if (['en','nl','de','fr','es','it','pt','zh-CN','ja','ko','ar','ru','hi','tr','pl','uk','sv','no','da','fi','el','cs','sk','hu','ro','bg','sr','hr','id','vi','th'].includes(seg[i])) langIdx = i;
            }
            if (langIdx >= 0) {
              seg[langIdx] = nextLang;
            } else {
              var insertAt = Math.max(seg.length - 1, 0);
              seg.splice(insertAt, 0, nextLang);
            }
            fileUrl.pathname = '/' + seg.join('/');
            window.location.href = fileUrl.href;
            return;
          }
          var parts = window.location.pathname.split('/').filter(Boolean);
          if (parts.length && ['en','nl','de','fr','es','it','pt','zh-CN','ja','ko','ar','ru','hi','tr','pl','uk','sv','no','da','fi','el','cs','sk','hu','ro','bg','sr','hr','id','vi','th'].includes(parts[0])) {
            parts[0] = nextLang;
          } else {
            parts.unshift(nextLang);
          }
          var nextPath = parts.length === 1 ? '/' + parts[0] + '/' : '/' + parts.join('/');
          window.location.href = nextPath + window.location.search + window.location.hash;
        }


        function closeLangMenu() {
          list.setAttribute('hidden', '');
          trigger.setAttribute('aria-expanded', 'false');
        }

        trigger.addEventListener('click', function(ev) {
          ev.stopPropagation();
          var isHidden = list.hasAttribute('hidden');
          if (isHidden) {
            list.removeAttribute('hidden');
            trigger.setAttribute('aria-expanded', 'true');
          } else {
            closeLangMenu();
          }
        });

        list.addEventListener('click', function(ev) {
          ev.stopPropagation();
          var btn = ev.target.closest('.lang-switcher-item');
          if (!btn) return;
          var nextLang = btn.getAttribute('data-lang');
          closeLangMenu();
          goToLang(nextLang);
        });

        document.addEventListener('pointerdown', function(ev) {
          if (!wrap.contains(ev.target)) {
            closeLangMenu();
          }
        }, true);

        document.addEventListener('keydown', function(ev) {
          if (ev.key === 'Escape') closeLangMenu();
        });

        window.addEventListener('blur', closeLangMenu);
      })();
    </script>
  <script src="../../assets/lang-switcher-footer.js"></script>