/*
 * Language switcher — minimal top-corner text link.
 *
 * Follows the BENEFIT payment-gateway pattern: a single understated text link
 * that shows the other language and toggles to it. Uses the YooPay brand navy
 * (#054168) so it sits natively in the portal. Self-contained (only
 * .lang-switcher* selectors); mirrors to the opposite corner under dir="rtl"
 * via flex justification.
 */

.lang-switcher-bar {
    display: flex;
    width: 100%;               /* fill the column so justify-content can act */
    justify-content: flex-end; /* trailing edge: right in LTR, left in RTL */
    padding: 2px 4px 0;
    margin-bottom: 4px;
}

.lang-switcher-link {
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;
    color: #054168;
    text-decoration: none;
    padding: 2px 2px;
    transition: opacity 0.15s ease;
}

/* The Arabic label ("عربي") shown on the English page renders in an
   Arabic-capable face even before rtl.css loads. */
.lang-switcher-link[lang="ar"] {
    font-family: "IBM Plex Sans Arabic", "Segoe UI", "Tahoma", sans-serif;
    font-size: 16px;
}

.lang-switcher-link:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.lang-switcher-link:focus-visible {
    outline: 2px solid #83aeb4;
    outline-offset: 2px;
    border-radius: 2px;
}