/*
 * Portal Pendidikan v190
 * Tipografi navigasi lintas portal bergaya halus dan rounded.
 * Manrope sudah dimuat oleh setiap portal; fallback menjaga tampilan stabil.
 */
:root {
  --portal-menu-font:
    "Manrope", "Nunito Sans", "Avenir Next", -apple-system,
    BlinkMacSystemFont, "Segoe UI", sans-serif;
  --portal-menu-size-desktop: 15px;
  --portal-menu-size-secondary: 12.5px;
  --portal-menu-size-mobile: 10.5px;
}

:is(
  .portal-nav-desktop > button,
  .app #groupNav > button,
  .owner-app #ownerNav > button,
  .foundation-app #foundationNav > button
) {
  font-family: var(--portal-menu-font) !important;
  font-size: var(--portal-menu-size-desktop) !important;
  font-weight: 600 !important;
  font-style: normal;
  font-kerning: normal;
  font-optical-sizing: auto;
  font-synthesis: none;
  font-feature-settings:
    "kern" 1,
    "liga" 1,
    "calt" 1;
  letter-spacing: 0.006em !important;
  line-height: 1.32 !important;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

:is(
  .portal-nav-desktop > button,
  .app #groupNav > button,
  .owner-app #ownerNav > button,
  .foundation-app #foundationNav > button
).active,
.portal-nav-desktop > button:is(
  .bg-emerald-500,
  .bg-emerald-50,
  .text-emerald-500
) {
  font-weight: 700 !important;
}

:is(
  .portal-nav-desktop > button,
  .app #groupNav > button,
  .owner-app #ownerNav > button,
  .foundation-app #foundationNav > button
) span {
  font: inherit !important;
  letter-spacing: inherit !important;
}

:is(
  .app .subnav > button,
  .portal-guru-category-tabs-v133 > button,
  [role="tab"]
) {
  font-family: var(--portal-menu-font) !important;
  font-size: var(--portal-menu-size-secondary) !important;
  font-weight: 600 !important;
  font-kerning: normal;
  font-optical-sizing: auto;
  letter-spacing: 0.004em !important;
  line-height: 1.3 !important;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

:is(
  .app .subnav > button,
  .portal-guru-category-tabs-v133 > button,
  [role="tab"]
).active,
:is(
  .app .subnav > button,
  .portal-guru-category-tabs-v133 > button,
  [role="tab"]
)[aria-selected="true"] {
  font-weight: 700 !important;
}

/* Halaman awal pemilih empat portal mengikuti ritme tipografi yang sama. */
.portal-card :is(h2, .enter) {
  font-family: var(--portal-menu-font);
  font-kerning: normal;
  font-optical-sizing: auto;
  letter-spacing: -0.012em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.portal-card h2 {
  font-weight: 700;
}

.portal-card .enter {
  font-size: 13px;
  font-weight: 600;
}

@media (max-width: 850px) {
  :is(
    .portal-nav-mobile > button,
    body > #groupNav.admin-mobile-dock > button,
    .owner-app #ownerNav > button,
    .foundation-app #foundationNav > button
  ) {
    font-family: var(--portal-menu-font) !important;
    font-size: var(--portal-menu-size-mobile) !important;
    font-weight: 600 !important;
    font-kerning: normal;
    font-optical-sizing: auto;
    font-synthesis: none;
    letter-spacing: 0 !important;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  :is(
    .portal-nav-mobile > button,
    body > #groupNav.admin-mobile-dock > button,
    .owner-app #ownerNav > button,
    .foundation-app #foundationNav > button
  ) span {
    font-family: var(--portal-menu-font) !important;
    font-size: var(--portal-menu-size-mobile) !important;
    font-weight: 600 !important;
    line-height: 1.18 !important;
    letter-spacing: 0 !important;
  }

  :is(
    .portal-nav-mobile > button,
    body > #groupNav.admin-mobile-dock > button,
    .owner-app #ownerNav > button,
    .foundation-app #foundationNav > button
  ).active span {
    font-weight: 700 !important;
  }

  :is(
    .app .subnav > button,
    .portal-guru-category-tabs-v133 > button,
    [role="tab"]
  ) {
    font-size: 12px !important;
  }
}