/* STAR Business — Readability Enhancement v1.0.1
 * Conservative text-only adjustments. No grid, width, height, color, logo,
 * background, page structure, image, hero headline or Open Graph changes.
 */

/* Desktop & tablet: the main website copy was substantially smaller than the
   headlines in the reference screenshots. Exclude hero and diagram regions. */
@media screen and (min-width: 768px) {
  body.star-business-readable :is(main, #content, .site-content, .entry-content) p:not(:is(
    [class*="hero"] p,
    [class*="Hero"] p,
    [class*="banner"] p,
    [class*="Banner"] p,
    [class*="diagram"] p,
    [class*="Diagram"] p,
    [class*="framework"] p,
    [class*="Framework"] p,
    [class*="visual"] p,
    [class*="Visual"] p,
    [class*="chart"] p,
    [class*="Chart"] p,
    [class*="metric"] p,
    [class*="Metric"] p,
    [class*="breadcrumb"] p,
    .wp-block-cover p,
    .wp-block-button p
  )) {
    font-size: var(--sbr-desktop, 18px) !important;
    line-height: 1.7 !important;
  }

  body.star-business-readable :is(.entry-content, .post-content, .wp-block-post-content, article) :is(ul, ol) > li:not(:is(
    [class*="diagram"] li,
    [class*="framework"] li,
    [class*="menu"] li,
    [class*="navigation"] li
  )) {
    font-size: var(--sbr-desktop, 18px) !important;
    line-height: 1.65 !important;
  }
}

/* Navigation: moderate increases only, because desktop STAR Business has
   many menu links. No spacing/width/layout changes. */
@media screen and (min-width: 1024px) {
  body.star-business-readable :is(
    #masthead .main-header-menu .menu-link,
    #masthead .main-navigation a,
    .site-header nav a,
    header.site-header nav a,
    header nav a,
    .ast-builder-menu a.menu-link,
    .primary-navigation a,
    .main-navigation a
  ) {
    font-size: var(--sbr-nav, 14px) !important;
    line-height: 1.45 !important;
  }
}

/* Small uppercase section indicators; preserve the existing gold/blue color. */
body.star-business-readable :is(
  .eyebrow,
  .overline,
  .kicker,
  .section-kicker,
  .section-label,
  .section-number,
  .section-eyebrow,
  .subtitle-label,
  [class*="__eyebrow"],
  [class*="__kicker"]
):not(:is(
  [class*="diagram"] *,
  [class*="framework"] *,
  .wp-block-cover *
)) {
  font-size: var(--sbr-label, 13px) !important;
  line-height: 1.5 !important;
}

/* Article-specific captions and fine print. */
body.star-business-readable :is(.entry-content, .post-content, .wp-block-post-content) :is(
  figcaption, .wp-caption-text, small
) {
  font-size: max(14px, var(--sbr-label, 13px)) !important;
  line-height: 1.55 !important;
}

/* Mobile already has large, well-spaced custom hero and home sections.
   Restrict mobile overrides to standard post/page content to avoid shrinking
   deliberately oversized founder/hero descriptions. */
@media screen and (max-width: 767px) {
  body.star-business-readable.single-post :is(.entry-content, .post-content, .wp-block-post-content) p:not(:is(
    [class*="hero"] p,
    [class*="Hero"] p,
    [class*="banner"] p,
    [class*="framework"] p,
    [class*="diagram"] p,
    .wp-block-cover p,
    .wp-block-button p
  )),
  body.star-business-readable.page :is(.entry-content, .wp-block-post-content) p:not(:is(
    [class*="hero"] p,
    [class*="Hero"] p,
    [class*="banner"] p,
    [class*="framework"] p,
    [class*="diagram"] p,
    .wp-block-cover p,
    .wp-block-button p
  )),
  body.star-business-readable.single-post .entry-content :is(ul, ol) > li:not(:is(
    [class*="framework"] li,
    [class*="diagram"] li,
    [class*="menu"] li
  )),
  body.star-business-readable.page .entry-content :is(ul, ol) > li:not(:is(
    [class*="framework"] li,
    [class*="diagram"] li,
    [class*="menu"] li
  )) {
    font-size: var(--sbr-mobile, 18px) !important;
    line-height: 1.7 !important;
  }

  body.star-business-readable :is(
    .ast-mobile-header-wrap .main-header-menu a,
    .ast-header-break-point .main-header-menu a,
    .mobile-navigation nav a,
    .ast-mobile-popup-drawer nav a
  ) {
    font-size: max(16px, var(--sbr-nav, 14px)) !important;
    line-height: 1.5 !important;
  }
}


/* v1.0.1: Keep long desktop navigation titles such as
   "Founder — Sian Yet" and "Kegiatan & Klien" on one line.
   Scope limited to wide desktops. Paragraph and content font size remains
   unchanged; Astra mobile navigation remains unchanged. */
@media screen and (min-width: 1200px) {
  body.star-business-readable :is(
    #masthead .main-header-menu .menu-link,
    #masthead .main-navigation a,
    .site-header nav a,
    header.site-header nav a,
    header nav a,
    .ast-builder-menu a.menu-link,
    .primary-navigation a,
    .main-navigation a
  ) {
    white-space: nowrap !important;
    font-size: min(13px, var(--sbr-nav, 14px)) !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
    padding-left: clamp(4px, 0.55vw, 8px) !important;
    padding-right: clamp(4px, 0.55vw, 8px) !important;
  }

  /* Let existing horizontal navigation flex rows remain on one line. */
  body.star-business-readable :is(
    #masthead .main-header-menu,
    #masthead .main-navigation > ul,
    .site-header nav > ul,
    .ast-builder-menu .main-header-menu
  ) {
    flex-wrap: nowrap !important;
  }

  body.star-business-readable :is(
    #masthead .main-header-menu > li,
    .ast-builder-menu .main-header-menu > li,
    .site-header nav > ul > li
  ) {
    min-width: max-content;
  }
}