/* Osvault on top of the wiki stylesheet (site.css): only what the wiki has no class for —
   one page in two languages, the model filter, the tables of versions and files. */

html[data-lang='ru'] .l-en,
html:not([data-lang='ru']) .l-ru {
  display: none !important;
}

/* Language menu: buttons that switch the text of this page, not links to another page */

button.lang-switch__item {
  width: 100%;
  border: 0;
  background: none;
  font: inherit;
  font-size: 14px;
  text-align: left;
  cursor: pointer;
}

button.lang-switch__item:hover {
  background: var(--accent-soft);
  color: var(--accent);
}

.lang-switch__item .icon {
  display: none;
}

html[data-lang='en'] [data-set-lang='en'],
html[data-lang='ru'] [data-set-lang='ru'] {
  color: var(--heading);
  font-weight: 650;
}

html[data-lang='en'] [data-set-lang='en'] .icon,
html[data-lang='ru'] [data-set-lang='ru'] .icon {
  display: block;
  color: var(--accent);
}

html[data-lang='en'] [data-set-lang='en'] .lang-switch__item-code,
html[data-lang='ru'] [data-set-lang='ru'] .lang-switch__item-code {
  display: none;
}

/* Path above the title */

.doc__eyebrow a {
  color: inherit;
  text-decoration: none;
}

.doc__eyebrow a:hover {
  color: var(--accent);
}

.prose .lead {
  color: var(--text-2);
  font-size: 1.06em;
}

/* Folders and models (the tiles of the wiki home page) */

.doc__content > .tiles {
  margin: 4px 0 34px;
}

.tile__meta {
  margin-top: auto;
  padding-top: 4px;
  color: var(--text-3);
  font-size: 13px;
}

.model-filter {
  max-width: 420px;
  margin: 0 0 16px;
}

.models-empty {
  color: var(--text-3);
}

/* Tables of versions and files */

/* the wiki keeps the first column on one line; here it holds long file names */
table.osv-table td:first-child {
  white-space: normal;
}

table.osv-table .ver .badge {
  margin-left: 8px;
}

table.osv-table .fname {
  display: block;
  margin-top: 2px;
  color: var(--text-3);
  font-family: var(--font-mono);
  font-size: 12px;
  overflow-wrap: anywhere;
}

table.osv-table .date,
table.osv-table .size {
  color: var(--text-2);
  white-space: nowrap;
}

table.osv-table .md5__in {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}

table.osv-table .name__in {
  display: flex;
  align-items: center;
  gap: 10px;
  overflow-wrap: anywhere;
}

table.osv-table .name__in .icon {
  flex: none;
  color: var(--text-3);
}

table.osv-table tr.dir .name__in .icon {
  color: var(--accent);
}

.prose .also {
  color: var(--text-3);
  font-size: 14px;
}

.prose .also a + a {
  margin-left: 10px;
}

@media (max-width: 640px) {
  table.osv-table th:nth-child(2),
  table.osv-table td.date,
  table.osv-table .md5__in code {
    display: none;
  }
}