/*
 * i18n locale layout adjustments.
 *
 * ROLLBACK: delete this file and remove the single <link> that loads it
 * (search "i18n-locale.css" in app/Views). No other CSS file was changed
 * for these adjustments.
 *
 * Keep rules scoped to html[lang="..."] so Korean layout is never affected.
 */

/* Japanese: break lines at phrase boundaries instead of mid-word. */
html[lang="ja"] body {
    word-break: auto-phrase;
    line-break: strict;
}

/*
 * English / Japanese: the existing stylesheets (and some inline styles) apply
 * negative letter-spacing tuned for Hangul, which makes Latin and Japanese text
 * cramped. Reset it for non-Korean locales only.
 */
html[lang="en"] body *,
html[lang="en"] body *::placeholder,
html[lang="ja"] body *,
html[lang="ja"] body *::placeholder {
    letter-spacing: normal !important;
}

/*
 * Period quick-select radios (Today / 1 Week / 1 Month / 3 Months).
 * Inherited word-break:break-all split the labels per character once the
 * translated text became longer than Korean. Keep each label on one line,
 * and tighten the gaps so four labels still fit the fixed-width search cell.
 * The search modal (#searchModal) uses 25%-wide buttons and keeps wrapping.
 */
html[lang="en"] .check-search-date,
html[lang="ja"] .check-search-date {
    flex-shrink: 0;
    padding-right: 0;
}
html[lang="en"] .check-search-date .search-date1,
html[lang="ja"] .check-search-date .search-date1 {
    margin-left: 4px;
    flex: 0 0 auto;
    word-break: keep-all;
    white-space: nowrap;
}
/* divider element that directly follows the radio group (inline margins) */
html[lang="en"] .check-search-date + div,
html[lang="ja"] .check-search-date + div {
    margin-left: 4px !important;
    margin-right: 4px !important;
}
html[lang="en"] #searchModal .check-search-date .search-date1,
html[lang="ja"] #searchModal .check-search-date .search-date1 {
    margin-left: 0;
    flex: 1 1 25%;
    white-space: normal;
}