/* Lamendo Pulse — in-page language toggle. Default = English.
   The non-active language is hidden purely via a root class, so no
   element ever has its natural `display` value overridden while shown
   (works for block, flex, inline, grid alike). */
html:not(.lang-de) [data-lang="de"] { display: none !important; }
html.lang-de       [data-lang="en"] { display: none !important; }

.langtoggle {
  position: fixed; top: 10px; right: 12px; z-index: 9999;
  display: inline-flex; align-items: stretch;
  font: 600 12px/1 ui-monospace, "Cascadia Mono", Consolas, monospace;
  border: 1px solid rgba(128,128,128,.42); border-radius: 7px; overflow: hidden;
  background: rgba(252,252,251,.86); -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px); box-shadow: 0 1px 4px rgba(0,0,0,.10);
}
.langtoggle button {
  appearance: none; -webkit-appearance: none; border: 0; margin: 0;
  background: transparent; color: #2b2a27; cursor: pointer;
  padding: 6px 11px; letter-spacing: .05em;
}
.langtoggle button + button { border-left: 1px solid rgba(128,128,128,.30); }
.langtoggle button:hover { color: #1c5cab; }
.langtoggle button[aria-pressed="true"] { background: #2a78d6; color: #fff; }
.langtoggle button:focus-visible { outline: 2px solid #2a78d6; outline-offset: -2px; }

@media (prefers-color-scheme: dark) {
  .langtoggle { background: rgba(26,26,25,.82); border-color: rgba(255,255,255,.18); }
  .langtoggle button { color: #dcdbd6; }
  .langtoggle button:hover { color: #6da7ec; }
  .langtoggle button[aria-pressed="true"] { background: #3987e5; color: #fff; }
}
@media print { .langtoggle { display: none !important; } }