/* Connect Languages — switcher, suggestion bar, local price estimate. Uses the theme's tokens when present. */
.cl-switcher { position: relative; display: inline-flex; }
.cl-switcher__btn {
  display: inline-flex; align-items: center; gap: 6px; height: 42px; padding: 0 12px;
  border: 1px solid var(--cn-border, #e5e7eb); border-radius: 11px; background: #fff;
  color: var(--cn-navy, #0f1c3f); font: inherit; font-size: 13px; font-weight: 800; cursor: pointer;
}
.cl-switcher__btn:hover { background: rgba(15, 28, 63, 0.05); }
.cl-switcher__list {
  position: absolute; top: calc(100% + 8px); inset-inline-end: 0; z-index: 200; min-width: 180px; margin: 0; padding: 6px;
  list-style: none; border: 1px solid var(--cn-border, #e5e7eb); border-radius: 14px; background: #fff;
  box-shadow: 0 18px 40px rgba(15, 28, 63, 0.16);
}
.cl-switcher__list a { display: flex; justify-content: space-between; gap: 10px; padding: 9px 12px; border-radius: 10px; color: var(--cn-ink, #111827); font-size: 14px; font-weight: 650; text-decoration: none; }
.cl-switcher__list a:hover { background: rgba(15, 28, 63, 0.06); }
.cl-switcher__list a[aria-current] { background: var(--cn-navy, #0f1c3f); color: #fff; }
.cl-switcher__list small { color: var(--cn-muted, #667085); font-size: 11px; font-weight: 600; }
.cl-switcher__list a[aria-current] small { color: rgba(255, 255, 255, 0.7); }

.cl-suggest {
  position: fixed; inset-inline: 16px; bottom: 16px; z-index: 9990; display: flex; flex-wrap: wrap; align-items: center; gap: 12px;
  max-width: 620px; margin-inline: auto; padding: 12px 14px 12px 18px; border-radius: 16px; background: var(--cn-navy, #0f1c3f);
  color: #fff; font-size: 14px; box-shadow: 0 18px 40px rgba(15, 28, 63, 0.3);
}
.cl-suggest span { flex: 1; min-width: 180px; }
.cl-suggest__go { padding: 8px 14px; border-radius: 10px; background: var(--cn-gold, #f5a623); color: var(--cn-navy, #0f1c3f); font-weight: 800; text-decoration: none; }
.cl-suggest__x { width: 32px; height: 32px; border: 0; border-radius: 9px; background: rgba(255, 255, 255, 0.12); color: #fff; font-size: 18px; cursor: pointer; }

.cl-estimate { margin-inline-start: 4px; color: inherit; font-size: 0.78em; font-weight: 600; opacity: 0.7; white-space: nowrap; }

/* a page shown in the default language under another language's address */
.cl-fallback-note { display: inline-flex; margin: 0 0 18px; padding: 6px 12px; border-radius: 99px; background: rgba(245, 166, 35, 0.12); color: var(--cn-gold-dark, #d4890a); font-size: 13px; font-weight: 700; }