/* Language visibility: the active language is the <html lang> attribute (see lang.js). */
html[lang="en"] [data-tr],
html:not([lang="en"]) [data-en] { display: none !important; }

/* <i> is used as a neutral wrapper where a <span> would pick up layout rules. */
i[data-tr], i[data-en] { font-style: normal; }

/* Language switch on the Explore header. */
.lang-switch {
  border: 1px solid #bad3dc;
  border-radius: 7px;
  background: transparent;
  color: #365976;
  font: 800 12px 'DM Sans', sans-serif;
  padding: 10px 13px;
  min-height: 40px;
  cursor: pointer;
  white-space: nowrap;
}
.lang-switch:hover { border-color: #16aaa4; color: #16aaa4; }
.header-actions { display: flex; align-items: center; gap: 10px; }
@media (max-width: 560px) {
  .lang-switch { padding: 8px 9px; font-size: 10px; }
}