/* Heading gradient — matches new/assets/css/style.css (h*.text-navy) */

.fsh-section-heading {
  width: 100%;
}

.fsh-section-eyebrow {
  margin: 0 0 1rem;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #c5a028; /* gold, same as new/ eyebrow */
  line-height: 1.4;
  display: block;
}

.fsh-section-title {
  margin: 0 0 2rem;
  font-family: var(--font-heading, 'Poppins', system-ui, sans-serif);
  font-size: clamp(1.875rem, 2.5vw + 1rem, 3.75rem);
  font-weight: 700;
  line-height: 1.15;
  width: fit-content;
  max-width: 100%;
  background: linear-gradient(135deg, #0b1f33 15%, #003399 55%, #c5a028);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), filter 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.fsh-section-heading:hover .fsh-section-title,
.fsh-section-title:hover {
  transform: scale(1.01);
  filter: brightness(1.08);
}

.fsh-section-accent {
  background: linear-gradient(135deg, #003399 20%, #c5a028 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  font-weight: 800;
}

.fsh-section-rule {
  display: block;
  width: 5rem;
  height: 0.25rem;
  margin-top: 0;
  border-radius: 999px;
  background: #c5a028;
}

.fsh-section-heading.items-start .fsh-section-title,
.fsh-section-heading.items-start .fsh-section-rule {
  margin-left: 0;
  margin-right: auto;
}

.fsh-section-heading.items-center .fsh-section-title,
.fsh-section-heading.items-center .fsh-section-rule {
  margin-left: auto;
  margin-right: auto;
}

/* Ensure native new/ heading classes keep gradient even if utility order conflicts */
h1.text-navy,
h2.text-navy,
h3.text-navy {
  background: linear-gradient(135deg, #0b1f33 15%, #003399 55%, #c5a028) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  width: fit-content;
  max-width: 100%;
}

.text-center h1.text-navy,
.text-center h2.text-navy,
.text-center h3.text-navy {
  margin-inline: auto;
}

h1.text-green,
h2.text-green,
h3.text-green {
  background: linear-gradient(135deg, #006633 15%, #0891b2 55%, #c5a028) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  width: fit-content;
  max-width: 100%;
}