/* Critical Contrast Fix CSS
 * This file contains high-priority styles to fix color contrast issues
 * with !important declarations and maximum specificity
 */

/* Direct contrast fixes for CTA buttons and their spans */
html body .contrast-fixed-text,
html body span.contrast-fixed-text,
html body a.cta-button span,
html body a.cta-button.large span,
html body .cta-button span,
html body .cta-button.large span,
html body #wrapper a.cta-button span,
html body #wrapper a.cta-button.large span,
html body #wrapper .inner a.cta-button span,
html body #wrapper .inner a.cta-button.large span,
html body #wrapper .inner .cta-button span,
html body #wrapper .inner .cta-button.large span,
html body #main .inner .cta-button span,
html body #main .inner .cta-button.large span,
html body #main .inner a.cta-button span,
html body #main .inner a.cta-button.large span,
html body .style1,
html body p.style1,
html body #wrapper .style1,
html body #wrapper p.style1,
html body #main .style1,
html body #main p.style1 {
    color: white !important;
    background-color: transparent !important;
    border-color: transparent !important;
}

/* Super-specific selectors for footer CTA to ensure override */
html body footer a.footer-cta,
html body .footer a.footer-cta,
html body .footer-cta,
html body a.footer-cta,
html body .footer-col a.footer-cta,
html body footer a.footer-cta,
html body footer li a.footer-cta,
html body #footer li a.footer-cta,
html body #footer ul li a.footer-cta,
html body .footer ul li a.footer-cta,
html body .footer-wrapper a.footer-cta,
html body .footer-wrapper .footer-cta,
html body .contact-cta a.footer-cta,
html body .contact-cta .footer-cta,
html body .footer .container a.footer-cta,
html body .actions a.footer-cta,
html body .actions .footer-cta {
  color: #b8e4ff !important; /* Lighter blue for better contrast with #0056b3 background */
}

/* Additional color contrast fixes */
a.footer-cta:hover,
a.footer-cta:focus,
a.footer-cta:active {
  color: white !important;
}

/* CTA buttons with contrast issues */
html body .cta-button,
html body a.cta-button,
html body .cta-button.large,
html body a.cta-button.large,
html body .action-button.cta-button,
html body a.action-button.cta-button,
html body .actions .cta-button,
html body .actions a.cta-button,
html body div.cta-container a.cta-button,
html body div.cta-container a.cta-button.large,
html body section a.cta-button.large,
html body section div.cta-container a.cta-button.large {
  color: #FFFFFF !important; /* White text for better contrast */
  background-color: #0056b3 !important; /* Ensure background is proper blue */
}

/* Super-specific selector for services page CTA button */
html body section#main section.container.main section.wrapper.style3 div.inner div.bottom-cta-wrapper div.cta-container a.cta-button.large,
html body #services-section .cta-button.large,
html body .services-container .cta-button.large,
html body .cta-container > .cta-button.large {
  color: #FFFFFF !important; /* White text for better contrast */
  background-color: #0056b3 !important; /* Ensure background is proper blue */
}

/* Additional styling for buttons on hover/focus */
.cta-button:hover,
.cta-button:focus,
a.cta-button:hover,
a.cta-button:focus,
.action-button.cta-button:hover,
.action-button.cta-button:focus {
  color: #FFFFFF !important;
  text-decoration: underline !important;
}