/* Welsh-only overrides. */

/* Keep "CYFLEUSTERAU" on one line on small screens. */
@media all and (max-width: 600px) {
  html[lang="cy"] .section4-title-blocks .title-blocks {
    flex-wrap: nowrap;
    gap: clamp(2px, 0.5vw, 6px);
  }

  html[lang="cy"] .section4-title-blocks .title-blocks span {
    font-size: clamp(0.95rem, 3vw, 1.3rem);
    width: 1.7em;
    height: 2em;
  }
}

.location-corner-ribbon {
  top: 26px;
}

.proof-banner {
  top: 14px;
  padding: 6px 36px;
}

html[lang="cy"] .team-hero-title {
  font-size: clamp(3.1rem, 4.6vw, 4.3rem);
}

/* Ensure Welsh anniversary badge text is fully visible above hero media layers. */
html[lang="cy"] .location-hero-badge {
  z-index: 4;
}

/* Header fit tuning for longer Welsh labels. Keep existing header height/layout. */
@media all and (min-width: 511px) {
  html[lang="cy"] .nav-primary .nav-list {
    gap: 8px;
  }

  html[lang="cy"] .nav-primary .nav-list > li > a,
  html[lang="cy"] .nav-primary .nav-list > li > .nav-toggle-btn {
    font-size: 17px;
    padding: 8px 8px;
  }

  html[lang="cy"] .cta-label {
    font-size: 14px;
    padding: 0 10px;
  }

  html[lang="cy"] .header-actions {
    gap: 8px;
  }
}

/* At medium desktop widths, prevent CTA overflow while keeping button height/position. */
@media all and (min-width: 511px) and (max-width: 1500px) {
  html[lang="cy"] .cta-split {
    max-width: 166px;
  }

  html[lang="cy"] .cta-label {
    max-width: calc(166px - 40px);
    overflow: hidden;
    text-overflow: ellipsis;
  }
}