/* =========================================================
   YUKINON OFFICIAL WEBSITE
   NATURAL HEADING WRAP FIX V1.0

   - Do not split English words in unnatural positions
   - Wrap multi-word headings at spaces
   - Balance large heading lines
   - Preserve existing HERO title line design
   ========================================================= */


/* ---------------------------------------------------------
   LARGE / DISPLAY HEADINGS

   These may wrap, but only at natural opportunities.
   --------------------------------------------------------- */

#anniversary-campaign-title,

.section-heading h2,

.stream-heading h2,

.stream-hero-copy h3,

.stream-next-title,

.stream-next-date,

.gallery-heading h2,

.gallery-feature-copy h3,

.schedule-heading h2,

.schedule-card-head h3,

.schedule-list-head h3,

.contact-panel h2,

.concept-quote{

  word-break:
    normal !important;

  overflow-wrap:
    normal !important;

  hyphens:
    none !important;

  -webkit-hyphens:
    none !important;

  text-wrap:
    balance;

}


/* ---------------------------------------------------------
   UPPERCASE / SMALL ENGLISH LABELS

   These should stay as one visual unit.
   NEXT STREAM, SPECIAL EVENT, YUKINON etc.
   --------------------------------------------------------- */

.section-kicker,

.card-label,

.stream-hero-eyebrow,

.stream-next-label,

.stream-meta-list span,

.stream-countdown span,

.upcoming-tag,

.archive-copy > span,

.gallery-feature-kicker,

.gallery-feature-tag,

.gallery-filter,

.gallery-count,

.schedule-mini-label,

.schedule-month,

.contact-status small,

.contact-main-button small,

.footer-share-label,

.anniversary-campaign-kicker,

.anniversary-campaign-brand,

.anniversary-campaign-day span,

.anniversary-campaign-day small,

.yukinon-theme-toggle-label{

  white-space:
    nowrap !important;

  word-break:
    keep-all !important;

  overflow-wrap:
    normal !important;

  hyphens:
    none !important;

  -webkit-hyphens:
    none !important;

}


/* ---------------------------------------------------------
   HEADER NAVIGATION

   HOME / ABOUT / STREAM etc. must never split internally.
   --------------------------------------------------------- */

.global-nav
.nav-link
span{

  white-space:
    nowrap !important;

  word-break:
    keep-all !important;

  overflow-wrap:
    normal !important;

  hyphens:
    none !important;

}


/* ---------------------------------------------------------
   JAPANESE DISPLAY TEXT

   Chrome can use phrase-aware wrapping when supported.
   Older browsers simply keep the normal rule above.
   --------------------------------------------------------- */

@supports (word-break:auto-phrase){

  .section-heading h2,

  .stream-heading h2,

  .stream-hero-copy h3,

  .stream-next-title,

  .gallery-heading h2,

  .gallery-feature-copy h3,

  .schedule-heading h2,

  .schedule-card-head h3,

  .schedule-list-head h3,

  .contact-panel h2,

  .concept-quote{

    word-break:
      auto-phrase !important;

  }

}


/* ---------------------------------------------------------
   PHONE

   Keep the same rules instead of forcing arbitrary breaks.
   --------------------------------------------------------- */

@media (max-width:640px){

  #anniversary-campaign-title,

  .section-heading h2,

  .stream-heading h2,

  .stream-hero-copy h3,

  .stream-next-title,

  .gallery-heading h2,

  .gallery-feature-copy h3,

  .schedule-heading h2,

  .contact-panel h2{

    max-width:
      100%;

    margin-left:
      auto;

    margin-right:
      auto;

  }

}