/* Shared EN/DE visibility + language switcher (studio + lab shells). */

html[data-locale="en"] .L-de { display: none !important; }
html[data-locale="de"] .L-en { display: none !important; }

.arbh-lang {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 2px;
  border: 1px solid rgba(0, 0, 0, 0.09);
  border-radius: 980px;
  background: #fafafc;
  flex-shrink: 0;
}

.arbh-lang button {
  appearance: none;
  border: 0;
  background: transparent;
  color: #6e6e73;
  font: inherit;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1;
  padding: 7px 10px;
  border-radius: 980px;
  cursor: pointer;
}

.arbh-lang button[aria-pressed="true"] {
  background: #1d1d1f;
  color: #fff;
}

.arbh-lang button:focus-visible {
  outline: 2px solid #0b6d3d;
  outline-offset: 2px;
}

/* Studio homepage header placement */
.s-header-row .arbh-lang {
  margin-left: 16px;
}

.s-header-tools,
.lab-header-tools {
  display: flex;
  align-items: center;
  gap: 12px;
}

.lab-header-tools {
  margin-left: auto;
}

@media (max-width: 860px) {
  .s-header-tools {
    margin-left: auto;
  }
}