/* v1.33 - tenant-host only, linked by the server (tenant.brand_page).
   The nine language pills fold into one menu button, top right. */
.lang-menu { position: relative; margin-left: auto; margin-right: var(--sp-3); }
.lang-menu > summary {
  list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 0.45rem;
  padding: var(--sp-2) var(--sp-3);
  font-size: var(--text-2xs); line-height: 1; text-transform: uppercase; letter-spacing: var(--ls-wide);
  color: var(--c-text-secondary); border: 1px solid var(--c-border); border-radius: var(--radius-md);
  background: transparent;
}
.lang-menu > summary::-webkit-details-marker { display: none; }
.lang-menu > summary:hover { color: var(--c-text-primary); border-color: var(--c-border-hover); }
.lang-menu > summary:focus-visible { outline: 2px solid var(--c-accent); outline-offset: 2px; }
.lang-menu-cur { font-weight: 700; }
.lang-menu-caret::after {
  content: ""; display: inline-block; width: 0.42em; height: 0.42em; margin-top: -0.25em;
  border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg);
}
.lang-menu[open] .lang-menu-caret::after { transform: rotate(225deg); margin-top: 0.15em; }
.lang-menu-list {
  position: absolute; right: 0; top: calc(100% + 6px); z-index: 60; min-width: 9.5rem;
  padding: var(--sp-2); background: var(--c-bg-elev, #ffffff); border: 1px solid var(--c-border);
  border-radius: var(--radius-md); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
}
html:not(.theme-light) .lang-menu-list { background: var(--c-bg-elev, #16181c); }
.lang-menu .lang-pills {
  display: grid; grid-template-columns: 1fr 1fr 1fr; gap: var(--sp-1);
  margin: 0; min-height: 0; width: auto;
}
.lang-menu .lang-pill { text-align: center; }
@media (max-width: 720px) {
  .lang-menu { order: 0; width: auto; margin: 0 var(--sp-2) 0 auto; }
  .lang-menu .lang-pills { width: auto; }
}