/* On-demand translation UI: language dropdown + "automatic translation" banner.
   Scoped to the GEO-page i18n MVP. Brand palette: cream/white + ink #14181a. */

.i18n-menu {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 8px;
  background: #ffffff;
  border: 1px solid #e7e3da;
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(20, 24, 26, 0.14);
  padding: 6px;
  z-index: 1200;
  min-width: 190px;
}

.i18n-menu__item {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 9px 12px;
  border: 0;
  background: none;
  font: inherit;
  font-size: 15px;
  text-align: left;
  color: #14181a;
  cursor: pointer;
  border-radius: 7px;
}

.i18n-menu__item:hover,
.i18n-menu__item:focus-visible {
  background: #f4f1ea;
  outline: none;
}

.i18n-flag {
  font-size: 1.15em;
  line-height: 1;
}

.nav__lang {
  white-space: nowrap;
}

.i18n-banner {
  background: #fbf6ea;
  border-bottom: 1px solid #ece0c4;
  color: #5a4a22;
  padding: 11px 16px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
}

.i18n-banner button {
  margin-left: 10px;
  padding: 4px 12px;
  border: 1px solid #d9c89a;
  background: #ffffff;
  color: #14181a;
  border-radius: 6px;
  cursor: pointer;
  font: inherit;
  font-size: 13px;
}

.i18n-banner button:hover {
  background: #f4f1ea;
}

/* Right-to-left for Arabic, applied on the article only (chrome stays LTR). */
.node--geo-location-v2[dir="rtl"] .gemeinde-hero__inner,
.node--geo-location-v2[dir="rtl"] .zusammenfassung-prose,
.node--geo-location-v2[dir="rtl"] .section-header,
.node--geo-location-v2[dir="rtl"] .themen-acc__head,
.node--geo-location-v2[dir="rtl"] .themen-acc__body {
  text-align: right;
}