/* Dreamer site — language selector */

.lang-selector {
  position: relative;
  flex-shrink: 0;
  z-index: 60;
}

.lang-selector__button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 8px 12px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  color: rgba(243, 234, 208, 0.92);
  font: 600 13px/1.2 "Plus Jakarta Sans", system-ui, sans-serif;
  cursor: pointer;
  transition: background 0.18s, border-color 0.18s, color 0.18s;
}

.lang-selector__button:hover,
.lang-selector.is-open .lang-selector__button {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(231, 214, 166, 0.45);
  color: #f3ead0;
}

.lang-selector__icon,
.lang-selector__caret {
  flex-shrink: 0;
  opacity: 0.9;
}

.lang-selector.is-open .lang-selector__caret {
  transform: rotate(180deg);
}

.lang-selector__current {
  white-space: nowrap;
}

.lang-selector__menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  min-width: 168px;
  margin: 0;
  padding: 6px;
  list-style: none;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(22, 18, 48, 0.96);
  box-shadow: 0 16px 40px -12px rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  display: none;
}

.lang-selector.is-open .lang-selector__menu {
  display: block;
}

.lang-selector__menu li {
  padding: 10px 12px;
  border-radius: 10px;
  color: rgba(243, 234, 208, 0.88);
  font: 500 13.5px/1.2 "Plus Jakarta Sans", system-ui, sans-serif;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}

.lang-selector__menu li:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
}

.lang-selector__menu li.is-active {
  background: rgba(231, 214, 166, 0.16);
  color: #f3ead0;
  font-weight: 700;
}

/* Light pages (pricing, blog, legal) use .comp-nav / .site-header */
.comp-nav .lang-selector__button,
.site-header .lang-selector__button {
  border-color: rgba(46, 51, 57, 0.14);
  background: rgba(46, 51, 57, 0.04);
  color: #2e3339;
}

.comp-nav .lang-selector__button:hover,
.comp-nav .lang-selector.is-open .lang-selector__button,
.site-header .lang-selector__button:hover,
.site-header .lang-selector.is-open .lang-selector__button {
  background: rgba(94, 90, 136, 0.1);
  border-color: rgba(94, 90, 136, 0.28);
  color: #2e3339;
}

.comp-nav .lang-selector__menu,
.site-header .lang-selector__menu {
  border-color: rgba(46, 51, 57, 0.1);
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 16px 40px -14px rgba(46, 42, 85, 0.28);
}

.comp-nav .lang-selector__menu li,
.site-header .lang-selector__menu li {
  color: #2e3339;
}

.comp-nav .lang-selector__menu li:hover,
.site-header .lang-selector__menu li:hover {
  background: rgba(94, 90, 136, 0.08);
  color: #2e3339;
}

.comp-nav .lang-selector__menu li.is-active,
.site-header .lang-selector__menu li.is-active {
  background: rgba(94, 90, 136, 0.12);
  color: #5e5a88;
}

/* Homepage nav: keep selector beside CTA */
.nav__inner [data-lang-selector] {
  margin-left: auto;
}
@media (max-width: 860px) {
  .nav__links { display: none; }
  .nav__cta { display: none; }
}

/* Legal header: selector after policy links */
.site-header [data-lang-selector] {
  flex-shrink: 0;
}

/* Compare/blog nav: selector before CTA */
.comp-nav [data-lang-selector] {
  margin-left: auto;
  flex-shrink: 0;
}
.comp-nav__cta {
  flex-shrink: 0;
}
@media (max-width: 640px) {
  .comp-nav__cta {
    display: none;
  }
}