/*
 * English version (/en/…, mu-plugin dec-en-mt): the pages are the Ukrainian ones with the text translated, so what must be
 * adjusted is where English is longer than the Ukrainian text the layout was drawn for, and the strings that live in CSS.
 * Every rule starts with html[lang="en"] (set by the translator). Loaded on /en/ pages only.
 */

/* header: the two buttons, the menu bar, the BPR / vacancies buttons */
html[lang="en"] header .header_button .btn {
    white-space: nowrap;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 13px;
}
html[lang="en"] #nav-menu .navbar-nav > li > a {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 15px;
    white-space: nowrap;
}
html[lang="en"] .dec-nav-extra .btn {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    white-space: nowrap;
}
@media (max-width: 991.98px) {
    html[lang="en"] header .header_button .btn,
    html[lang="en"] .dec-nav-extra .btn { white-space: normal; }
}

/* strings written in CSS */
@media (max-width: 991.98px) {
    html[lang="en"] #nav-menu .navbar-toggler::after,
    html[lang="en"] .dec-menu-slot .navbar-toggler::after { content: "Menu"; }
}
html[lang="en"] :is(div.text, div.announcement-text) .su-qrcode > a::before { content: "Scan the QR code with your phone camera"; }
html[lang="en"] :is(div.text, div.announcement-text) .su-qrcode > a::after { content: "or open: " attr(href); }
@media (max-width: 767.98px) {
    html[lang="en"] :is(div.text, div.announcement-text) .su-qrcode > a::before { content: "Open the link ↗"; }
}
html[lang="en"] .dec-doc__frame::before { content: "Loading the document…"; }