/**
 * ULTIMATE THEME ICON COLOR FIX
 * This CSS file uses maximum specificity to override ALL possible Tailwind CSS interferences
 * with theme toggle icon colors.
 */

/* ===============================================
   NUCLEAR OPTION: OVERRIDE ALL THEME ICON COLORS
   =============================================== */

/* Base theme toggle icons - LIGHT MODE = BLACK */
body .nav-theme-toggle *,
body .nav-theme-toggle svg,
body .nav-theme-toggle i,
body .nav-theme-toggle [data-lucide],
body .nav-theme-toggle i[data-lucide],
body .nav-theme-toggle .theme-icon-light,
body .nav-theme-toggle .theme-icon-dark,
body .nav-theme-toggle .w-5,
body .nav-theme-toggle .h-5,
body .nav-theme-toggle .w-4,
body .nav-theme-toggle .h-4,
html .nav-theme-toggle *,
html .nav-theme-toggle svg,
html .nav-theme-toggle i,
html .nav-theme-toggle [data-lucide],
html .nav-theme-toggle i[data-lucide],
html body .nav-theme-toggle *,
html body .nav-theme-toggle svg,
html body .nav-theme-toggle i,
html body .nav-theme-toggle [data-lucide],
html body .nav-theme-toggle i[data-lucide],
.nav-theme-toggle *,
.nav-theme-toggle svg,
.nav-theme-toggle i,
.nav-theme-toggle [data-lucide],
.nav-theme-toggle i[data-lucide],
.nav-theme-toggle .theme-icon-light,
.nav-theme-toggle .theme-icon-dark,
.nav-theme-toggle .w-5,
.nav-theme-toggle .h-5,
.nav-theme-toggle .w-4,
.nav-theme-toggle .h-4 {
    color: #000000 !important;
    fill: #000000 !important;
    stroke: #000000 !important;
}

/* Dark mode theme toggle icons - DARK MODE = WHITE */
body.dark .nav-theme-toggle *,
body.dark .nav-theme-toggle svg,
body.dark .nav-theme-toggle i,
body.dark .nav-theme-toggle [data-lucide],
body.dark .nav-theme-toggle i[data-lucide],
body.dark .nav-theme-toggle .theme-icon-light,
body.dark .nav-theme-toggle .theme-icon-dark,
body.dark .nav-theme-toggle .w-5,
body.dark .nav-theme-toggle .h-5,
body.dark .nav-theme-toggle .w-4,
body.dark .nav-theme-toggle .h-4,
.dark .nav-theme-toggle *,
.dark .nav-theme-toggle svg,
.dark .nav-theme-toggle i,
.dark .nav-theme-toggle [data-lucide],
.dark .nav-theme-toggle i[data-lucide],
.dark .nav-theme-toggle .theme-icon-light,
.dark .nav-theme-toggle .theme-icon-dark,
.dark .nav-theme-toggle .w-5,
.dark .nav-theme-toggle .h-5,
.dark .nav-theme-toggle .w-4,
.dark .nav-theme-toggle .h-4,
html.dark .nav-theme-toggle *,
html.dark .nav-theme-toggle svg,
html.dark .nav-theme-toggle i,
html.dark .nav-theme-toggle [data-lucide],
html.dark .nav-theme-toggle i[data-lucide],
html.dark body .nav-theme-toggle *,
html.dark body .nav-theme-toggle svg,
html.dark body .nav-theme-toggle i,
html.dark body .nav-theme-toggle [data-lucide],
html.dark body .nav-theme-toggle i[data-lucide] {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
}

/* Mobile theme toggle - same rules */
body .nav-mobile-theme-toggle *,
body .nav-mobile-theme-toggle svg,
body .nav-mobile-theme-toggle i,
body .nav-mobile-theme-toggle [data-lucide],
body .nav-mobile-theme-toggle i[data-lucide],
.nav-mobile-theme-toggle *,
.nav-mobile-theme-toggle svg,
.nav-mobile-theme-toggle i,
.nav-mobile-theme-toggle [data-lucide],
.nav-mobile-theme-toggle i[data-lucide],
html .nav-mobile-theme-toggle *,
html .nav-mobile-theme-toggle svg,
html .nav-mobile-theme-toggle i,
html body .nav-mobile-theme-toggle *,
html body .nav-mobile-theme-toggle svg,
html body .nav-mobile-theme-toggle i {
    color: #000000 !important;
    fill: #000000 !important;
    stroke: #000000 !important;
}

body.dark .nav-mobile-theme-toggle *,
body.dark .nav-mobile-theme-toggle svg,
body.dark .nav-mobile-theme-toggle i,
body.dark .nav-mobile-theme-toggle [data-lucide],
body.dark .nav-mobile-theme-toggle i[data-lucide],
.dark .nav-mobile-theme-toggle *,
.dark .nav-mobile-theme-toggle svg,
.dark .nav-mobile-theme-toggle i,
.dark .nav-mobile-theme-toggle [data-lucide],
.dark .nav-mobile-theme-toggle i[data-lucide],
html.dark .nav-mobile-theme-toggle *,
html.dark .nav-mobile-theme-toggle svg,
html.dark .nav-mobile-theme-toggle i,
html.dark body .nav-mobile-theme-toggle *,
html.dark body .nav-mobile-theme-toggle svg,
html.dark body .nav-mobile-theme-toggle i {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
}

/* Override any Tailwind text color classes that might be applied */
body .nav-theme-toggle .text-gray-500,
body .nav-theme-toggle .text-gray-600,
body .nav-theme-toggle .text-gray-400,
body .nav-theme-toggle .text-blue-500,
body .nav-theme-toggle .text-blue-400,
body .nav-theme-toggle .text-white,
body .nav-theme-toggle .text-black,
.nav-theme-toggle .text-gray-500,
.nav-theme-toggle .text-gray-600,
.nav-theme-toggle .text-gray-400,
.nav-theme-toggle .text-blue-500,
.nav-theme-toggle .text-blue-400,
.nav-theme-toggle .text-white,
.nav-theme-toggle .text-black {
    color: #000000 !important;
}

body.dark .nav-theme-toggle .text-gray-500,
body.dark .nav-theme-toggle .text-gray-600,
body.dark .nav-theme-toggle .text-gray-400,
body.dark .nav-theme-toggle .text-blue-500,
body.dark .nav-theme-toggle .text-blue-400,
body.dark .nav-theme-toggle .text-white,
body.dark .nav-theme-toggle .text-black,
.dark .nav-theme-toggle .text-gray-500,
.dark .nav-theme-toggle .text-gray-600,
.dark .nav-theme-toggle .text-gray-400,
.dark .nav-theme-toggle .text-blue-500,
.dark .nav-theme-toggle .text-blue-400,
.dark .nav-theme-toggle .text-white,
.dark .nav-theme-toggle .text-black {
    color: #ffffff !important;
}