/* =========================================================================
   LANGUAGE SELECTOR — beshop_languageselector
   ========================================================================= */

/* --- MODO DROPDOWN --- */
.ls-selector--dropdown {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.ls-current {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  cursor: pointer;
  user-select: none;
}
.ls-chevron {
  font-size: .7em;
  opacity: .6;
  margin-left: 2px;
  display: none;
}

/* Dropdown oculto por defecto */
.ls-dropdown {
  display: none !important;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 100px;
  background: var(--beshop-bg-card);
  border: 1px solid var(--beshop-line);
  box-shadow: 0 4px 12px rgba(0,0,0,.1);
  list-style: none;
  margin: 0;
  padding: 4px 0;
  z-index: 9999;
}

/* Visible al hover o focus */
.ls-selector--dropdown:hover .ls-dropdown,
.ls-selector--dropdown:focus-within .ls-dropdown {
  display: block !important;
}

.ls-option {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 7px 14px;
  text-decoration: none;
  color: inherit;
  white-space: nowrap;
  transition: background .12s;
}
.ls-option:hover { background: var(--beshop-bg-soft); }

/* Idioma activo en dropdown */
.ls-option--active {
  font-weight: 700;
  text-decoration: underline;
}

/* --- MODO INLINE --- */
.ls-selector--inline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.ls-inline-item {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  text-decoration: none;
  color: inherit;
  opacity: .55;
  transition: opacity .12s;
}
.ls-inline-item:hover,
.ls-inline-item--active {
  opacity: 1;
}
.ls-inline-item--active {
  font-weight: 600;
}

/* --- BANDERAS --- */
.ls-flag {
  display: inline-block;
  vertical-align: middle;
  border-radius: 2px;
}

/* --- ICONO GLOBO --- */
.ls-globe-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.ls-globe-icon svg { display: block; }