{#
/**
 * @file
 * Language switcher: one pill that shows only the OTHER language.
 * Drupal core JS adds .is-active to the current language link in the browser,
 * so we hide that one with a Tailwind arbitrary variant.
 */
#}
{% if other_href %}
  <div class="flex flex-row items-center">
    <a href="{{ other_href }}"
       hreflang="{{ other_langcode }}"
       lang="{{ other_langcode }}"
       class="flex flex-row items-center gap-2 px-3 py-1.5 rounded-full border border-gray-200 bg-white text-xs font-bold text-gray-700 hover:text-navy hover:bg-navy/5 transition-all no-underline whitespace-nowrap">
      <span class="w-5 h-5 shrink-0 rounded-full text-white font-bold flex items-center justify-center {{ other_langcode == 'mr' ? 'bg-amber-600 text-xs' : 'bg-navy text-[9px]' }}">
        {{ other_langcode == 'mr' ? 'म' : 'EN' }}
      </span>
      <span class="leading-none">{{ other_langcode == 'mr' ? 'मराठी' : 'English' }}</span>
    </a>
  </div>
{% endif %}