/* Estland 2 portal v36 — stable utility icons; dynamic JS uses the same exact markup */
html body.portal-v11 .site-language-bar .utility-links-v36 {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

html body.portal-v11 .site-language-bar .utility-link-v36 {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  flex: 0 0 34px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(52, 163, 255, .48) !important;
  border-radius: 10px !important;
  background: rgba(20, 107, 179, .08) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

html body.portal-v11 .site-language-bar .utility-link-v36:hover,
html body.portal-v11 .site-language-bar .utility-link-v36:focus-visible {
  border-color: rgba(244, 187, 85, .72) !important;
  background: rgba(244, 187, 85, .12) !important;
  transform: translateY(-1px);
}

html body.portal-v11 .site-language-bar .utility-icon-v36 {
  position: relative !important;
  width: 17px !important;
  height: 17px !important;
  min-width: 17px !important;
  min-height: 17px !important;
  flex: 0 0 17px !important;
  display: block !important;
  overflow: visible !important;
  background: transparent !important;
  filter: none !important;
  -webkit-filter: none !important;
  -webkit-mask: none !important;
  mask: none !important;
  mix-blend-mode: normal !important;
  forced-color-adjust: none !important;
}

html body.portal-v11 .site-language-bar .utility-icon-v36 > img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: 100% !important;
  max-height: 100% !important;
  display: block !important;
  object-fit: contain !important;
  filter: none !important;
  -webkit-filter: none !important;
  -webkit-mask: none !important;
  mask: none !important;
  mix-blend-mode: normal !important;
  forced-color-adjust: none !important;
  transition: opacity .16s ease !important;
}

html body.portal-v11 .site-language-bar .utility-icon-v36-white {
  opacity: 1 !important;
  z-index: 2 !important;
}

html body.portal-v11 .site-language-bar .utility-icon-v36-gold {
  opacity: 0 !important;
  z-index: 3 !important;
}

html body.portal-v11 .site-language-bar .utility-link-v36:hover .utility-icon-v36-white,
html body.portal-v11 .site-language-bar .utility-link-v36:focus-visible .utility-icon-v36-white {
  opacity: 0 !important;
}

html body.portal-v11 .site-language-bar .utility-link-v36:hover .utility-icon-v36-gold,
html body.portal-v11 .site-language-bar .utility-link-v36:focus-visible .utility-icon-v36-gold {
  opacity: 1 !important;
}

@media (max-width: 720px) {
  html body.portal-v11 .site-language-bar .utility-link-v36 {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    flex-basis: 30px !important;
    border-radius: 9px !important;
  }

  html body.portal-v11 .site-language-bar .utility-icon-v36 {
    width: 15px !important;
    height: 15px !important;
    min-width: 15px !important;
    min-height: 15px !important;
    flex-basis: 15px !important;
  }
}