/*
Theme Name: MFJ Partners
Theme URI: https://mfjpartners.com/
Author: MFJ Partners
Description: MFJ Partners Website の専用WordPressテーマです。
Version: 1.1.6
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: mfj-partners
*/

html, body, #mfj-root {
  min-height: 100%;
}

/*
 * Responsive typography refinements.
 * Balance headings and avoid orphaned final words across Japanese,
 * Traditional Chinese and English pages.
 */
main h1,
main h2,
main h3 {
  text-wrap: balance;
}

main p {
  text-wrap: pretty;
}

/*
 * The English hero uses a two-column layout between 961px and 1120px.
 * Keep each sentence on one line at that width, while allowing natural
 * wrapping again on smaller mobile screens.
 */
@media (min-width: 961px) and (max-width: 1120px) {
  main[lang="en"] .hero h1 {
    font-size: clamp(38px, 4vw, 44px);
  }

  main[lang="en"] .hero h1 > span {
    white-space: nowrap;
  }

  main[lang="en"] .hero__lead br {
    display: none;
  }
}

/*
 * Keep the two English hero sentences intact on tablet and desktop.
 * Mobile keeps natural wrapping to prevent horizontal overflow.
 */
@media (min-width: 641px) {
  main[lang="en"] .hero h1 {
    text-wrap: wrap;
  }

  main[lang="en"] .hero h1 > span {
    white-space: nowrap;
  }
}

/* Final cascade override: the application stylesheet loads after style.css. */
@media (min-width: 641px) {
  main[lang="en"] .hero h1 {
    text-wrap: wrap !important;
  }

  main[lang="en"] .hero h1 > span {
    white-space: nowrap !important;
  }
}

@media (min-width: 961px) and (max-width: 1120px) {
  main[lang="en"] .hero h1 {
    font-size: clamp(38px, 4vw, 44px) !important;
  }

  main[lang="en"] .hero__lead br {
    display: none !important;
  }
}