/* ==========================================================
   LANGUAGE PAGE OVERRIDES
========================================================== */

.hk-language-page .hk-topic-hero-copy {
    max-width: 700px;
}

.hk-language-page .hk-topic-hero-copy p {
    max-width: 700px;
}

@media (max-width: 640px) {
    .hk-language-page .hk-topic-hero-copy,
    .hk-language-page .hk-topic-hero-copy p {
        max-width: 100%;
    }
}
/* ==========================================================
   RTL LANGUAGE PAGE POLISH
========================================================== */

.hk-language-page-rtl {
    direction: rtl;
}

.hk-language-page-rtl .hk-topic-hero-copy,
.hk-language-page-rtl .hk-section-head {
    text-align: right;
}

.hk-language-page-rtl .hk-topic-hero-actions {
    justify-content: flex-start;
}

.hk-language-page-rtl .hk-topic-section .hk-section-head h2 {
    padding-left: 0;
    padding-right: 18px;
}

.hk-language-page-rtl .hk-topic-section .hk-section-head h2::before {
    left: auto;
    right: 0;
}

.hk-language-page-rtl .hk-topic-nav {
    direction: rtl;
}

.hk-language-page-rtl .hk-topic-nav-label {
    margin: 0 0 0 22px;
    padding: 0 4px 0 22px;
    border-right: 0;
    border-left: 1px solid #e5edf3;
}

.hk-language-page-rtl .hk-topic-nav-link + .hk-topic-nav-link {
    border-left: 0;
    border-right: 1px solid #e5edf3;
}

.hk-language-page-rtl .hk-topic-nav-link:first-of-type::after {
    left: 24px;
    right: 24px;
}
/* RTL hero image balance */
.hk-language-page-rtl .hk-topic-hero-card {
    background:
        linear-gradient(
            270deg,
            rgba(253, 252, 248, 0.98) 0%,
            rgba(253, 252, 248, 0.92) 34%,
            rgba(253, 252, 248, 0.52) 58%,
            rgba(253, 252, 248, 0.08) 100%
        ),
        var(--hk-topic-hero-image),
        linear-gradient(135deg, #fdfcf8 0%, #f7f4ec 100%);

    background-size: contain;
    background-repeat: no-repeat;
    background-position: left -40px bottom;
}
/* ==========================================================
   MOBILE LANGUAGE HERO POLISH
========================================================== */

@media (max-width: 640px) {
    .hk-language-page .hk-topic-hero-card {
        min-height: 520px;
        background-size: auto 62%;
        background-position: right -26px bottom;
    }

    .hk-language-page .hk-topic-hero-copy {
        padding-top: 32px;
    }

    .hk-language-page .hk-topic-hero-copy h1 {
        font-size: clamp(34px, 11vw, 48px);
    }

    .hk-language-page .hk-topic-hero-copy p {
        max-width: 92%;
    }

    .hk-language-page-rtl .hk-topic-hero-card {
        background-size: auto 56%;
        background-position: left -28px bottom;
    }

    .hk-language-page-rtl .hk-topic-hero-copy p {
        margin-right: auto;
        max-width: 86%;
    }
}