/* Small additions on top of the compiled 1:1 design (app.css).
   Only for classes/markup that the WordPress templates introduce and that
   were not part of the original Tailwind build. */

/* Sprachumschalter: runde Flagge der aktuellen Sprache, Klick wechselt */
.sp-lang {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 2rem;
  width: 2rem;
  flex: none;
  overflow: hidden;
  border-radius: 9999px;
  border: 1px solid var(--color-line);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.sp-lang:hover {
  transform: scale(1.07);
  box-shadow: 0 2px 10px oklch(0% 0 0 / 0.16);
}
.sp-lang:focus-visible {
  outline: 2px solid var(--color-ink);
  outline-offset: 2px;
}
.sp-flag-ic {
  display: block;
  height: 100%;
  width: 100%;
}

@media (prefers-reduced-motion: reduce) {
  .sp-lang { transition: none; }
  .sp-lang:hover { transform: none; }
}

/* Kopfzeilen-Buttons dürfen nicht umbrechen (Tailwind-Build kennt kein whitespace-nowrap) */
.sp-nowrap { white-space: nowrap; }

/* Safety net for utilities that may be absent from the source build */
.sp-dropdown-menu { width: 18rem; }