/* WP Polyglot - Language Switcher Styles */

/* ── Floater wrapper ── */
.wpt-floater {
  position: fixed;
  z-index: 999999;
}
.wpt-floater--bottom-right { bottom: 24px; right: 24px; }
.wpt-floater--bottom-left  { bottom: 24px; left:  24px; }
.wpt-floater--top-right    { top: 24px;    right: 24px; }
.wpt-floater--top-left     { top: 24px;    left:  24px; }

/* ── Switcher list ── */
.wpt-switcher {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.wpt-switcher--floater {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 24px rgba(0,0,0,.18);
  padding: 6px;
  min-width: 52px;
}

.wpt-switcher--list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* ── Links ── */
.wpt-switcher__link {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 7px;
  text-decoration: none;
  color: #1a1a2e;
  font-size: 13px;
  font-weight: 500;
  transition: background .15s;
  white-space: nowrap;
  cursor: pointer;
}

.wpt-switcher__link:hover {
  background: #f0f2f5;
  color: #1a1a2e;
}

.wpt-switcher__link--current {
  background: #e8f0fe;
  color: #1a56db;
  cursor: default;
}

/* ── Flag ── */
.wpt-flag {
  width: 20px;
  height: 15px;
  border-radius: 2px;
  object-fit: cover;
  flex-shrink: 0;
  box-shadow: 0 0 0 1px rgba(0,0,0,.1);
}

/* ── Nav menu ── */
.wpt-menu-lang a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
  .wpt-switcher--floater {
    background: #1e1e2e;
    box-shadow: 0 4px 24px rgba(0,0,0,.5);
  }
  .wpt-switcher__link { color: #cdd6f4; }
  .wpt-switcher__link:hover { background: #313244; color: #cdd6f4; }
  .wpt-switcher__link--current { background: #1e3a5f; color: #89b4fa; }
}