/**
 * Aluta — Section Translator styles.
 * Original Elementor "Select Language" button is left untouched.
 * Only the floating language panel is styled here.
 */

.aluta-lang-panel {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999;
  min-width: 180px;
  padding: 6px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); 
  font-size: 14px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-4px);
  transition: opacity 0.15s ease, transform 0.15s ease, visibility 0.15s;
}

.aluta-lang-panel.is-open {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.aluta-lang-item {
  display: block;
  width: 100%;
  padding: 8px 12px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #1a1a1a;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: background 0.12s ease, color 0.12s ease;
}

.aluta-lang-item:hover,
.aluta-lang-item:focus {
  background: #fff5f5;
  color: #c62828;
  outline: none;
}

.aluta-lang-item.is-active {
  background: #c62828;
  color: #ffffff;
  font-weight: 500;
}

.aluta-translating {
  opacity: 0.65;
  transition: opacity 0.15s ease;
}

.aluta-translatable {
  display: inline;
}

/* Chevron icon next to the language button — flipped when dropdown open. */
.aluta-chevron-flipped {
  transform: rotate(180deg);
  transition: transform 0.25s ease;
}