/* ============================================================
   TOPBAR
   ============================================================ */

.topbar {
  background: var(--clr-dark);
  padding-block: 0.4rem;
  font-size: var(--fs-xs);
  letter-spacing: 0.01em;
}

.topbar__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sp-4);
  min-height: 34px;
}

.topbar__email {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-2);
  color: rgba(255, 255, 255, 0.5);
  text-decoration: none;
  transition: color var(--ease-standard);
}

.topbar__email:hover {
  color: var(--clr-gold);
}

.topbar__icon {
  flex-shrink: 0;
  opacity: 0.6;
}

.topbar__right {
  display: flex;
  align-items: center;
  gap: var(--sp-3);
}

/* Language switcher — wrapper for shortcode output */
.topbar__lang {
  color: rgba(255, 255, 255, 0.5);
}

/* WPML / Polylang shortcode output overrides */
.topbar__lang ul,
.topbar__lang ol {
  display: flex;
  gap: var(--sp-2);
  list-style: none;
}

.topbar__lang a,
.topbar__lang span {
  color: rgba(255, 255, 255, 0.5);
  font-size: var(--fs-xs);
  padding: 2px 6px;
  border-radius: var(--radius-sm);
  border: 0.5px solid rgba(255, 255, 255, 0.15);
  transition: all var(--ease-standard);
  text-decoration: none;
}

.topbar__lang a:hover,
.topbar__lang a.active,
.topbar__lang .current-lang a {
  color: var(--clr-gold);
  border-color: var(--clr-gold);
}

@media (max-width: 480px) {
  .topbar { display: none; } /* hide on very small screens */
}