/* Global styling fixes for text on blue backgrounds */
.blue-bg-gold-text {
  color: #D2BA7B !important; /* Gold accent color */
  font-weight: bold;
}

.blue-bg-white-text {
  color: #FFFAFA !important; /* Off-white color */
}

.primary-button {
  background-color: #243444 !important; /* Dark blue */
  border-color: #243444 !important;
  color: #D2BA7B !important; /* Gold text */
}

.accent-button {
  background-color: #D2BA7B !important; /* Gold */
  border-color: #D2BA7B !important;
  color: #243444 !important; /* Dark blue text */
}

/* Force styling for headings and text in dark sections */
section[style*="background-color: #243444"] h2,
section[style*="background-color: #243444"] h3,
section[style*="background-color: #243444"] h4 {
  color: #D2BA7B !important; /* Gold accent color */
}

section[style*="background-color: #243444"] p {
  color: #FFFAFA !important; /* Off-white color */
}

/* Footer styling fixes */
footer {
  background-color: #243444 !important;
}

footer h5, 
footer h4,
footer .footer-heading {
  color: #D2BA7B !important; /* Gold accent color */
}

footer p,
footer a,
footer .text-light {
  color: #FFFAFA !important; /* Off-white color */
}

/* Button styling - more specific selectors for higher specificity */
.btn-primary,
button.btn-primary,
a.btn-primary,
.btn[style*="background-color: #243444"],
.btn[style*="backgroundColor: #243444"],
button[style*="background-color: #243444"],
button[style*="backgroundColor: #243444"],
a[style*="background-color: #243444"],
a[style*="backgroundColor: #243444"] {
  background-color: #243444 !important;
  border-color: #243444 !important;
  color: #D2BA7B !important;
  font-weight: 500 !important;
}

/* Fix for any blue text on blue backgrounds */
[style*="background-color: #243444"] [style*="color: #243444"],
[style*="backgroundColor: #243444"] [style*="color: #243444"] {
  color: #D2BA7B !important;
}

/* Pricing section specific fixes */
#pricing .card {
  color: #243444 !important; /* Dark text on light background */
}

#pricing .card-header,
#pricing .card-footer {
  color: #FFFAFA !important; /* White text on dark background */
}

#pricing .card-header,
#pricing .card-footer {
  background-color: #243444 !important;
}

#pricing .card-header h3,
#pricing .card-header h4,
#pricing .card-header h5 {
  color: #D2BA7B !important;
}

#pricing .btn,
#pricing button,
section[id="pricing"] .btn,
section[id="pricing"] button {
  background-color: #243444 !important;
  border-color: #243444 !important;
  color: #D2BA7B !important;
  font-weight: 500 !important;
}

/* Get Started button specific fix */
.btn[href="/register"],
a[href="/register"],
.btn.primary-button,
.btn.btn-primary {
  color: #D2BA7B !important;
  font-weight: bold !important;
}

/* Outline button styling */
.btn-outline-light,
.outline-button {
  color: #FFFAFA !important;
  font-weight: bold !important;
}