/* =========================================================
   Hongkun Language Layout 2.6.0
   SMALL-LANGUAGE PAGES (/id/, /es/, /ru/, /pt/, /vi/ ...) — shared top layout
   Every language page starts with the aerial-view dark hero.

   This file is enqueued ONLY on enabled language pages, so English pages
   never load it. It replaces the "SMALL-LANGUAGE PAGES — shared top layout"
   block that used to live in Appearance > Customize > Additional CSS.

   The --hk-* design tokens (--hk-max, --hk-font, --hk-on-dark ...) are still
   defined by the site-wide CSS and are shared with English pages.
========================================================= */

/* No gap between the header and the hero */
.hk-language-page .inside-article > .entry-content { margin-top: 0 !important; }

/* Rank Math breadcrumb sits on the hero, top left (same as English About page) */
.hk-language-page .inside-article { position: relative; }
.hk-language-page .inside-article > .rank-math-breadcrumb {
  position: absolute;
  top: 28px;
  left: max(24px, calc((100% - var(--hk-max)) / 2));
  right: 24px;
  z-index: 3;
  margin: 0;
  padding: 0;
  color: var(--hk-on-dark-muted);
  font-family: var(--hk-font);
  font-size: var(--hk-fs-sm);
  line-height: 1.5;
}
.hk-language-page .inside-article > .rank-math-breadcrumb p { margin: 0; }
.hk-language-page .inside-article > .rank-math-breadcrumb a { color: var(--hk-on-dark); text-decoration: none; }
.hk-language-page .inside-article > .rank-math-breadcrumb a:hover { color: var(--hk-orange-bright); }
@media (max-width: 760px) {
  .hk-language-page .inside-article > .rank-math-breadcrumb { top: 18px; left: 16px; right: 16px; }
}