/* Language overrides: keep banner title on one line on large screens
   Quick override that loads after compiled CSS so it takes immediate effect. */

@media (min-width: 1200px) {
  .banner-wrapper .banner-content .banner-title {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: block !important;
    max-width: 100% !important;
  }

  /* Optional per-language font tuning so Tamil/Sinhala fit visually
     Tweak these values if the text gets clipped too aggressively. */
  html[lang="ta"] .banner-wrapper .banner-content .banner-title {
    /* Slightly smaller and reduce side padding so Tamil fits in one line */
    font-size: 2.6vw !important;
    line-height: 1 !important;
    padding: 0 80px 40px !important;
  }

  html[lang="si"] .banner-wrapper .banner-content .banner-title {
    /* Slightly smaller and reduce side padding so Sinhala fits in one line */
    font-size: 2.8vw !important;
    line-height: 1 !important;
    padding: 0 80px 40px !important;
  }

  /* Global overrides for Tamil and Sinhala to match English visual layout
     Make common headings and titles use similar sizes/line-heights so they
     behave like English (single-line on desktop). Tweak as needed. */
  html[lang="ta"] , html[lang="si"] {
    body {
      font-size: 16px !important;
      line-height: 1.6 !important;
    }

    /* Headings and common title classes */
    h1, h2, h3, h4, h5, h6,
    .common-title, .title, .banner-subtitle, .banner-title {
      line-height: 1.1 !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
    }

    /* Product/name blocks — prefer single-line where possible */
    .pro-name .sin, .pro-name .tam {
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      font-size: 1em !important;
      line-height: 1.1 !important;
    }
  }
}