/* modals-override.css - MAXIMUM PRIORITY Modal Protection */

/* ========== PRIVACY POLICY MODAL ========== */

#privacyModal {
  color: #1f2937 !important;
  z-index: 20001 !important;
}

#privacyModal,
#privacyModal * {
  color: #1f2937 !important;
}

/* Light mode - all text elements */
#privacyModal .p-6 {
  color: #1f2937 !important;
}

#privacyModal p,
#privacyModal li,
#privacyModal ul,
#privacyModal div:not(.bg-gradient-to-r) {
  color: #1f2937 !important;
}

#privacyModal h3 {
  color: #0891b2 !important;
}

#privacyModal strong {
  color: #1f2937 !important;
}

/* Headings */
#privacyModal .text-cyan-600 {
  color: #0891b2 !important;
}

#privacyModal .text-lg.font-bold {
  color: #0891b2 !important;
}

/* Lists */
#privacyModal .list-disc li {
  color: #1f2937 !important;
}

#privacyModal .list-circle li {
  color: #1f2937 !important;
}

/* Dark mode overrides */
.dark #privacyModal {
  color: #ffffff !important;
}

.dark #privacyModal p,
.dark #privacyModal li,
.dark #privacyModal ul,
.dark #privacyModal span,
.dark #privacyModal div,
.dark #privacyModal strong {
  color: #ffffff !important;
}

.dark #privacyModal h3,
.dark #privacyModal .text-cyan-600,
.dark #privacyModal .dark\:text-cyan-400 {
  color: #22d3ee !important;
}

/* ========== TERMS MODAL ========== */

#termsModal {
  color: #1f2937 !important;
  z-index: 20001 !important;
}

#termsModal,
#termsModal * {
  color: #1f2937 !important;
}

#termsModal .p-6 {
  color: #1f2937 !important;
}

#termsModal p,
#termsModal li,
#termsModal ul {
  color: #1f2937 !important;
}

#termsModal h3 {
  color: #059669 !important;
}

#termsModal .text-emerald-600 {
  color: #059669 !important;
}

#termsModal .text-lg.font-bold {
  color: #059669 !important;
}

#termsModal .list-disc li {
  color: #1f2937 !important;
}

#termsModal .list-circle li {
  color: #1f2937 !important;
}

/* Dark mode - Terms */
.dark #termsModal {
  color: #ffffff !important;
}

.dark #termsModal p,
.dark #termsModal li,
.dark #termsModal ul,
.dark #termsModal span,
.dark #termsModal div,
.dark #termsModal strong {
  color: #ffffff !important;
}

.dark #termsModal h3,
.dark #termsModal .text-emerald-600,
.dark #termsModal .dark\:text-emerald-400 {
  color: #6ee7b7 !important;
}

/* ========== ACCENT COLORS - BOTH MODALS ========== */

#privacyModal .text-red-600,
#termsModal .text-red-600 {
  color: #dc2626 !important;
}

.dark #privacyModal .text-red-600,
.dark #termsModal .text-red-600 {
  color: #fca5a5 !important;
}

#privacyModal .text-orange-600,
#termsModal .text-orange-600 {
  color: #ea580c !important;
}

.dark #privacyModal .text-orange-600,
.dark #termsModal .text-orange-600 {
  color: #fed7aa !important;
}

#privacyModal .text-blue-700,
#termsModal .text-blue-700 {
  color: #1d4ed8 !important;
}

.dark #privacyModal .text-blue-700,
.dark #termsModal .text-blue-700 {
  color: #bfdbfe !important;
}

#privacyModal .text-indigo-600,
#termsModal .text-indigo-600 {
  color: #4f46e5 !important;
}

.dark #privacyModal .text-indigo-600,
.dark #termsModal .text-indigo-600 {
  color: #c7d2fe !important;
}

#privacyModal .text-purple-500,
#termsModal .text-purple-500 {
  color: #a855f7 !important;
}

.dark #privacyModal .text-purple-500,
.dark #termsModal .text-purple-500 {
  color: #e9d5ff !important;
}

/* ========== MODAL CONTAINERS ========== */

#privacyModal .bg-gray-50 {
  background-color: #f9fafb !important;
}

#termsModal .bg-gray-50 {
  background-color: #f9fafb !important;
}

.dark #privacyModal .dark\:bg-gray-800 {
  background-color: #1f2937 !important;
}

.dark #termsModal .dark\:bg-gray-800 {
  background-color: #1f2937 !important;
}

/* ========== CRITICAL: OVERRIDE FOOTER CSS ========== */

#privacyModal * {
  color: #1f2937 !important;
}

#termsModal * {
  color: #1f2937 !important;
}

.dark #privacyModal * {
  color: #ffffff !important;
}

.dark #termsModal * {
  color: #ffffff !important;
}

/* Override any inherited footer colors */
html.dark #privacyModal,
.dark #privacyModal {
  color: #1f2937;
}

html.dark #termsModal,
.dark #termsModal {
  color: #1f2937;
}

/* Force light mode colors no matter what */
#privacyModal,
#termsModal {
  color: #1f2937 !important;
}

#privacyModal p,
#privacyModal span,
#privacyModal li,
#privacyModal div,
#termsModal p,
#termsModal span,
#termsModal li,
#termsModal div {
  color: inherit !important;
}