@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=Tajawal:wght@400;500;700;800&display=swap');

html[lang="ar"] body,
html[dir="rtl"] body,
html[lang="ar"] input,
html[lang="ar"] select,
html[lang="ar"] textarea,
html[lang="ar"] button,
html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] textarea,
html[dir="rtl"] button {
    font-family: "Tajawal", "Cairo", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[lang="ar"] .btn,
html[dir="rtl"] .btn,
html[lang="ar"] .side-link,
html[dir="rtl"] .side-link {
    font-family: "Cairo", "Tajawal", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

html[lang="en"] body,
html[dir="ltr"] body,
html[lang="en"] input,
html[lang="en"] select,
html[lang="en"] textarea,
html[lang="en"] button {
    font-family: "Cairo", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

body {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html[dir="rtl"] p,
html[dir="rtl"] li {
    line-height: 1.85;
}

.auth-global-home-link {
    position: fixed;
    top: 20px;
    left: 24px;
    z-index: 100;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    padding: 10px 15px;
    border: 1px solid rgba(47,155,102,.3);
    border-radius: 13px;
    background: #06281d;
    box-shadow: 0 12px 35px rgba(11,54,39,.16);
    text-decoration: none;
}

.auth-global-home-link img {
    width: 184px;
    max-width: 42vw;
    height: auto;
    display: block;
    filter: brightness(1.2) contrast(1.08);
}

@media (max-width: 700px) {
    .auth-global-home-link {
        top: 12px;
        left: 12px;
        min-height: 46px;
        padding: 8px 11px;
    }

    .auth-global-home-link img {
        width: 150px;
        max-width: 52vw;
    }
}