/* Orange interactions always keep white foreground content. */
@media (hover: hover) and (pointer: fine) {
  .index-page .cta-button .btn:hover,
  .index-page .btn-submit:hover,
  .index-page .btn-custom-outline:hover,
  .index-page .scroll-top:hover,
  .index-page .portfolio-filters li:hover,
  .index-page .slider-next:hover,
  .index-page .slider-prev:hover,
  .index-page .team-modal-cta:hover,
  .index-page .team-profile-button:hover,
  .index-page .entry-links a:hover,
  .index-page .faq-item:hover .faq-control,
  .index-page .contact-info-box:hover .icon-box,
  .index-page .navmenu .nav-link:hover,
  .index-page .mobile-nav-toggle:hover,
  .index-page .mobile-nav-toggle[aria-expanded="true"]:hover {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
  }

  .index-page .cta-button .btn:hover *,
  .index-page .btn-submit:hover *,
  .index-page .btn-custom-outline:hover *,
  .index-page .team-modal-cta:hover *,
  .index-page .team-profile-button:hover *,
  .index-page .entry-links a:hover *,
  .index-page .faq-item:hover .faq-control *,
  .index-page .contact-info-box:hover .icon-box *,
  .index-page .navmenu .nav-link:hover *,
  .index-page .mobile-nav-toggle:hover * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
  }

  .index-page .service-card:hover :is(h3, h4, p, span, strong),
  .index-page .application-card:hover :is(h3, h4, p, span, strong),
  .index-page .testimonial-item:hover :is(h3, h4, h5, h6, p, span, strong),
  .index-page .team-card:hover :is(h3, h4, p, span, strong),
  .index-page .team-member:hover :is(h3, h4, p, span, strong),
  .index-page .contact-info-box:hover :is(h3, h4, p, span, strong, a),
  .index-page .faq-item:hover :is(h3, h4, p, span, strong) {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
  }

  .index-page .service-card:hover .service-icon i,
  .index-page .application-card:hover i,
  .index-page .step-item:hover .step-icon,
  .index-page .team-intro-points li:hover i,
  .index-page .testimonial-item:hover .rating i,
  .index-page .navmenu .nav-link:hover > i {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
  }

  .footer-project-link:hover,
  .footer-project-link:hover *,
  .footer-link-column a:hover,
  .footer-legal a:hover,
  .footer-legal button:hover,
  a.footer-contact-item:hover,
  a.footer-contact-item:hover span,
  a.footer-contact-item:hover small,
  a.footer-contact-item:hover > i {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
  }
}
/* Additional orange interaction coverage */
@media (hover: hover) and (pointer: fine) {
  .index-page .team-desc-btn:hover,
  .index-page .team-desc-btn:hover *,
  .index-page .applications-cta:hover,
  .index-page .applications-cta:hover *,
  .index-page .team-profile-card:hover :is(h3, h4, p, span, strong, small) {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
  }
}