/* Legal Pages Dark Mode Footer Contrast Fixes */

/* Apply only to legal pages in dark mode */
[data-theme="dark"] .legal-page ~ .footer,
[data-theme="dark"] footer.footer {
  background: #0f172a !important;
  color: #f9fafb !important;
  border-top: 1px solid #374151 !important;
}

[data-theme="dark"] .legal-page ~ .footer .footer__title,
[data-theme="dark"] footer.footer .footer__title {
  color: #f9fafb !important;
}

[data-theme="dark"] .legal-page ~ .footer .footer__description,
[data-theme="dark"] footer.footer .footer__description {
  color: #9ca3af !important;
}

[data-theme="dark"] .legal-page ~ .footer .footer__link,
[data-theme="dark"] footer.footer .footer__link {
  color: #9ca3af !important;
}

[data-theme="dark"] .legal-page ~ .footer .footer__link:hover,
[data-theme="dark"] footer.footer .footer__link:hover {
  color: #34d399 !important;
}

[data-theme="dark"] .legal-page ~ .footer .footer__copy,
[data-theme="dark"] footer.footer .footer__copy {
  color: #9ca3af !important;
}

[data-theme="dark"] .legal-page ~ .footer .footer__social-link,
[data-theme="dark"] footer.footer .footer__social-link {
  background: #1f2937 !important;
  border: 1px solid #374151 !important;
  color: #9ca3af !important;
}

[data-theme="dark"] .legal-page ~ .footer .footer__social-link:hover,
[data-theme="dark"] footer.footer .footer__social-link:hover {
  background: #34d399 !important;
  color: #0f172a !important;
  border-color: #34d399 !important;
}

/* Ensure logo text is visible in dark mode */
[data-theme="dark"] #footer-logo-text {
  color: #ffffff !important;
}

/* Improved contrast for legal section links */
[data-theme="dark"] .legal-page ~ .footer .footer__legal .footer__link,
[data-theme="dark"] footer.footer .footer__legal .footer__link {
  color: #9ca3af !important;
}

[data-theme="dark"] .legal-page ~ .footer .footer__legal .footer__link:hover,
[data-theme="dark"] footer.footer .footer__legal .footer__link:hover {
  color: #34d399 !important;
  background: rgba(52, 211, 153, 0.1) !important;
  border-radius: 4px !important;
  padding: 2px 6px !important;
}