/*
|--------------------------------------------------------------------------
| JewishNews multilingual preview / locale UI
|--------------------------------------------------------------------------
*/

.jn-locale-brand {
    position: relative;
    display: flex;
    align-items: center;
    flex: 0 0 auto;
}

/*
 * Compact vertical language selector inspired by the supplied reference.
 * It lives immediately beside the logo and does not increase header height.
 */
.jn-language-switch {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;

    gap: 1px;

    margin-inline-start: 12px;

    line-height: 1.05;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .01em;

    white-space: nowrap;
}

.jn-language-switch a {
    display: block;

    min-width: 28px;

    padding: 1px 0;

    color: #7a7f85;
    text-decoration: none;

    transition:
        color .15s ease,
        opacity .15s ease;
}

.jn-language-switch a:hover {
    color: #ffffff;
}

.jn-language-switch a.is-active {
    color: #ffffff;
    font-weight: 800;
}

/*
 * Hebrew page remains RTL, but language abbreviations themselves
 * always read in their natural LTR order.
 */
html[dir="rtl"] .jn-language-switch {
    direction: ltr;
    text-align: left;
}

/*
|--------------------------------------------------------------------------
| Hebrew RTL
|--------------------------------------------------------------------------
*/

html[dir="rtl"] .jn-article-header,
html[dir="rtl"] .jn-article-body,
html[dir="rtl"] .jn-category-card__body,
html[dir="rtl"] .jn-latest-card__body,
html[dir="rtl"] .jn-side-story__body,
html[dir="rtl"] .jn-sidebar-latest,
html[dir="rtl"] .jn-category-page-heading {
    text-align: right;
}

html[dir="rtl"] .jn-nav {
    direction: rtl;
}

/*
|--------------------------------------------------------------------------
| MOBILE
|--------------------------------------------------------------------------
|
| Per editorial requirement:
| no language selector in mobile header or burger yet.
|
*/

@media (max-width: 767px) {
    .jn-language-switch {
        display: none !important;
    }
}

/* Project ownership line below multilingual copyright */
.jn-footer__project-credit {
    display: block;
    margin-top: 5px;
    font-size: 11px;
    line-height: 1.4;
    font-weight: 400;
    opacity: .72;
}

/*
 * Fine optical alignment with JewishNews logo.
 * Does NOT participate in header sizing.
 */
@media (min-width: 768px) {
    .jn-language-switch {
        transform: translateY(-3px);
    }
}