/* i18n layout: longer labels (FR/DE-style) need room in nav and toolbars */

html:not([data-i18n-ready]) body {
  visibility: hidden;
}

html[data-locale="fr"] .nav-item span,
html[data-locale="it"] .nav-item span,
html[data-locale="es"] .nav-item span,
html[data-locale="en"] .nav-item span {
  font-size: 12px;
  line-height: 1.25;
  word-break: break-word;
}

html[data-locale="fr"] .sidebar-nav .nav-item,
html[data-locale="it"] .sidebar-nav .nav-item,
html[data-locale="es"] .sidebar-nav .nav-item {
  padding-top: 8px;
  padding-bottom: 8px;
}

html[data-locale] .build-history-toolbar h2,
html[data-locale] .plugin-market-header h2,
html[data-locale] .dashboard-header h1 {
  font-size: clamp(1rem, 2.5vw, 1.35rem);
}

html[data-locale="fr"] .btn,
html[data-locale="it"] .btn,
html[data-locale="es"] .btn {
  white-space: normal;
  min-height: 32px;
}

html[data-locale] .plugin-card-runtime,
html[data-locale] .build-history-filter-btn {
  font-size: 11px;
}

html[data-locale] .settings-language-row select.form-input {
  max-width: 100%;
}

html[data-locale] .modal-header h3 {
  font-size: 1rem;
  line-height: 1.35;
}