/* UNIFIED HEADINGS - ALL SECTIONS IN BLUE */

/* Primary headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #123e73 !important;
  font-family: 'Uma', sans-serif !important;
}

/* Section specific headings */
.section h1,
.section h2,
.section h3 {
  color: #123e73 !important;
}

.section-header h2 {
  color: #123e73 !important;
}

.pricing-header h2 {
  color: #123e73 !important;
}

.pricing-header h3 {
  color: #123e73 !important;
}

.pilier-header h3 {
  color: #123e73 !important;
}

.pilier-header h4 {
  color: #123e73 !important;
}

.details-content h2 {
  color: #123e73 !important;
}

.workflow-section h2 {
  color: #123e73 !important;
}

.hero h1 {
  color: #ffffff !important;
}

.section-inverted h1,
.section-inverted h2,
.section-inverted h3 {
  color: #ffffff !important;
}

/* Card headings */
.card h3 {
  color: #123e73 !important;
}

.pilier-card h3 {
  color: #123e73 !important;
}

/* Feature headings */
.feature-title,
[class*='title'] {
  color: #123e73 !important;
}

/* Ensure dark sections keep white text */
.section-inverted h1,
.section-inverted h2,
.section-inverted h3,
.section-inverted h4,
.section-inverted h5,
.section-inverted h6 {
  color: #ffffff !important;
}

/* Hero section keeps white text */
.hero h1,
.hero h2,
.hero h3 {
  color: #ffffff !important;
}

/* CTA sections keep white text */
.cta-section h1,
.cta-section h2,
.cta-section h3 {
  color: #ffffff !important;
}

/* Dark blue background sections keep white text */
[style*='background: linear-gradient(135deg, #0A2647'] h1,
[style*='background: linear-gradient(135deg, #0A2647'] h2,
[style*='background: linear-gradient(135deg, #0A2647'] h3 {
  color: #ffffff !important;
}

.pricing-premium-box h3 {
  color: #ffffff !important;
}

.option-content h3,
.option-content h4 {
  color: #ffffff !important;
}

/* Default - all other headings are blue */
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  color: #123e73 !important;
}

/* But override for light text sections */
[class*='dark'] h1,
[class*='dark'] h2,
[class*='dark'] h3,
[class*='inverted'] h1,
[class*='inverted'] h2,
[class*='inverted'] h3 {
  color: #ffffff !important;
}

/* Special sections that need white text */
.workflow-section h3,
.workflow-media-content h3 {
  color: #ffffff !important;
}

.integration h2,
.integration h3 {
  color: #ffffff !important;
}

.cta-section h2,
.cta-section h3,
.cta-section h4 {
  color: #ffffff !important;
}

/* Workflow section - h2 blue, h3 steps blue */
#workflow h1 {
  color: #ffffff !important;
}

#workflow h2 {
  color: #123e73 !important;
}

#workflow h3 {
  color: #123e73 !important;
}

/* But keep workflow media content h3 white (more specific selector) */
#workflow .workflow-media-content h3 {
  color: #ffffff !important;
}

/* Integration section - keep all headings white */
#integration h1,
#integration h2,
#integration h3 {
  color: #ffffff !important;
}

/* CTA sections - keep white */
.cta h1,
.cta h2,
.cta h3 {
  color: #ffffff !important;
}

/* Footer headings - keep white */
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6 {
  color: #ffffff !important;
}

/* Specific section titles in white */
.cta-section h1,
.cta-section h2,
.cta-section h3,
.cta-section h4 {
  color: #ffffff !important;
}

/* Integration section headings - white */
.integration-section h1,
.integration-section h2,
.integration-section h3 {
  color: #ffffff !important;
}

.integration h1,
.integration h2,
.integration h3 {
  color: #ffffff !important;
}

/* Contact/CTA section headings - white (except form card title) */
#contact h1,
#contact h2,
.contact-section h1,
.contact-section h2 {
  color: #ffffff !important;
}

/* Contact form card h3 should be blue */
.contact-form-card h3 {
  color: #123e73 !important;
}

/* Workflow section headings - white */
.workflow-section h1,
.workflow-section h2,
.workflow-section h3 {
  color: #ffffff !important;
}

/* All dark background sections with white text */
[style*='background: linear-gradient'] h1,
[style*='background: linear-gradient'] h2,
[style*='background: linear-gradient'] h3 {
  color: #ffffff !important;
}

[style*='background-color: #'] h1,
[style*='background-color: #'] h2,
[style*='background-color: #'] h3 {
  color: #ffffff !important;
}