/* LeeFlora language switcher.
   Same contract as brand.css: scoped to body.elementor-kit-840, uses --lee-*
   variables, no !important anywhere, and never sets a font-size on body.
   Compact by necessity — the desktop navigation already wraps onto two lines
   inside a locked 1240px container, so this must add as little width as it can. */

body.elementor-kit-840 .main-header-menu > .lee-lang-item {
  display: flex;
  align-items: center;
  margin-left: 4px;
  font-size: 12px;
  letter-spacing: 0.5px;
  line-height: 1;
  white-space: nowrap;
  color: inherit;            /* the homepage header is transparent over imagery */
}

body.elementor-kit-840 .lee-lang-switch {
  display: inline-flex;
  align-items: center;
  gap: 3px;
}

body.elementor-kit-840 .lee-lang-link {
  color: inherit;            /* let Astra's #4e5768 / #fc5f5f:hover keep working */
  text-decoration: none;
  padding: 0 2px;
  opacity: 0.7;
}

body.elementor-kit-840 .lee-lang-link:hover,
body.elementor-kit-840 .lee-lang-link:focus-visible {
  opacity: 1;
  text-decoration: underline;
}

body.elementor-kit-840 .lee-lang-link.is-current {
  opacity: 1;
  font-weight: 600;
  pointer-events: none;      /* current language acts as a label, not a link */
}

body.elementor-kit-840 .lee-lang-sep {
  opacity: 0.3;
  user-select: none;
}

/* Browse-only languages (English today): no ordering.
   The add-to-cart form is hidden here rather than removed, because the
   variable-product template has no early return of its own. The cart icon
   goes too — it would lead to a page that immediately redirects away. */
body.elementor-kit-840.leeflora-browse-only [data-section="section-header-woo-cart"],
body.elementor-kit-840.leeflora-browse-only .single_add_to_cart_button,
body.elementor-kit-840.leeflora-browse-only .single_variation_wrap .woocommerce-variation-add-to-cart,
body.elementor-kit-840.leeflora-browse-only .quantity {
  display: none;
}

/* Mobile header (Astra breaks at 921px): the menu stacks, so the switcher
   drops onto its own line at the end rather than competing for width. */
@media (max-width: 921px) {
  body.elementor-kit-840 .main-header-menu > .lee-lang-item {
    margin: 6px 0 0;
    justify-content: flex-start;
  }

  body.elementor-kit-840 .lee-lang-link {
    font-size: 14px;
    padding: 6px 8px;
  }
}