/*
 * JewishNews UK desktop language selector.
 *
 * Intentionally positioned relative to the logo so it cannot
 * be compressed or displaced by the main navigation flexbox.
 */

.jn-uk-brand-wrap {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    overflow: visible !important;
}

/*
 * Do not let any header container clip the selector.
 */
header,
.jn-header,
.jn-header-inner {
    overflow: visible !important;
}

@media (min-width: 768px) {

    .jn-uk-language-switch {
        position: absolute !important;

        /*
         * Immediately to the right of the logo.
         */
        left: calc(100% + 12px) !important;
        right: auto !important;

        /*
         * Optical vertical center against the logo.
         */
        top: 50% !important;
        bottom: auto !important;

        transform: translateY(-50%) !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: center !important;

        width: max-content !important;
        min-width: 28px !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        opacity: 1 !important;
        visibility: visible !important;

        z-index: 99999 !important;

        font-size: 10px !important;
        line-height: 1.18 !important;
        font-weight: 600 !important;
        letter-spacing: .02em !important;

        text-align: left !important;
        text-transform: uppercase !important;

        pointer-events: auto !important;
    }

    .jn-uk-language-switch a,
    .jn-uk-language-switch span {
        position: relative !important;
        display: block !important;

        width: auto !important;
        min-width: 26px !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        color: rgba(255, 255, 255, .72) !important;
        background: transparent !important;

        opacity: 1 !important;
        visibility: visible !important;

        font-size: 10px !important;
        line-height: 1.18 !important;
        font-weight: 600 !important;

        text-decoration: none !important;
        white-space: nowrap !important;
    }

    .jn-uk-language-switch a:hover {
        color: #fff !important;
        text-decoration: none !important;
    }

    .jn-uk-language-switch .is-current {
        color: #fff !important;
        font-weight: 800 !important;
    }
}

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