/* Allow translated navigation labels to grow before they crowd the header. */
html:not([lang="en"]) #site-nav a { letter-spacing: 1px; }
html:not([lang="en"]) .project-header h1 { overflow-wrap: anywhere; }
html:not([lang="en"]) .btn-line { white-space: normal; }
html[dir="rtl"] body { text-align: right; }
html[dir="rtl"] #subheader h1 { text-align: right; }
html[dir="rtl"] header { direction: ltr; }
html[dir="rtl"] .language-panel { direction: ltr; text-align: left; }
html[dir="rtl"] #site-nav a { direction: rtl; }
html[dir="rtl"] .legal-links, html[dir="rtl"] .site-legal { direction: rtl; }
html[dir="rtl"] .gallery-footer address strong { margin-left: 12px; }
html[dir="rtl"] .project-meta { flex-direction: row; }
html[dir="rtl"] .widget-address address { direction: rtl; }
html[dir="rtl"] a[href^="tel:"], html[dir="rtl"] a[href^="mailto:"] { direction: ltr; unicode-bidi: isolate; display: inline-block; }
html[dir="rtl"] .contact-privacy-note { text-align: right; }
html[dir="rtl"] input, html[dir="rtl"] textarea { text-align: right; }
html[dir="rtl"] input[type="email"], html[dir="rtl"] input[type="tel"] { direction: ltr; text-align: left; }
@media (min-width: 1400px) and (max-width: 1799px) {
 html:not([lang="en"]) #site-nav a { font-size: 10px; padding-left: 12px; }
 html:not([lang="en"]) #site-nav a::after { margin-left: 12px; }
}
/* Arabic needs a readable Arabic UI font and less tightly sized small labels. */
html[lang="ar"] body, html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3,
html[lang="ar"] #subheader h1, html[lang="ar"] .gallery-footer h2 { font-family: Tahoma, Arial, sans-serif; }
html[lang="ar"][dir="rtl"] #site-nav a { font-family: Tahoma, Arial, sans-serif; font-size: 14px; letter-spacing: 0; }
html[lang="ar"] .portfolio-filters button { font-family: Tahoma, Arial, sans-serif; font-size: 13px; letter-spacing: 0; }
html[lang="ar"] .portfolio-filters button:last-child { margin-left: 0; margin-inline-start: auto; }
html[lang="ar"] .gallery-footer { font-size: 15px; }
@media (max-width: 767px) {
 html[lang="ar"] .portfolio-filters button:last-child { margin-inline-start: 0; }
}