/* ============================================================
   TRILHAS / CURSOS — TEMA CLARO (regra forte). Cobre a lista (#view-trilhas, Tailwind
   cinza) e os 4 overlays (.trilha-overlay, estilo inline escuro). Tudo body.theme-light
   -> tema ESCURO 100% intocado. Técnica [style*=] p/ flipar o inline sem mexer no JS.
   ============================================================ */

/* ---- lista de cursos (#view-trilhas) ---- */
body.theme-light #view-trilhas .bg-gray-800{ background:#ffffff !important; }
body.theme-light #view-trilhas [class*="bg-gray-9"]{ background:#F7F5FA !important; }
body.theme-light #view-trilhas [class*="border-gray-7"]{ border-color:rgba(91,31,126,.16) !important; }
body.theme-light #view-trilhas .text-white{ color:#1F1F1F !important; }
body.theme-light #view-trilhas [class*="text-gray-4"],
body.theme-light #view-trilhas [class*="text-gray-5"]{ color:#6b6480 !important; }
body.theme-light #view-trilhas .text-purple-300{ color:#7c3ab7 !important; }

/* ---- overlays: superfícies inline escuras -> claras ---- */
body.theme-light .trilha-overlay [style*="background:#13101c"]{ background:#ffffff !important; }
body.theme-light .trilha-overlay [style*="background:#1a1428"],
body.theme-light .trilha-overlay [style*="background:#171221"]{ background:#F4F1F8 !important; }
body.theme-light .trilha-overlay [style*="background:#1d1630"]{ background:#FBF8FE !important; }
body.theme-light .trilha-overlay [style*="background:#241830"]{ background:#EBE3F3 !important; }
body.theme-light .trilha-overlay [style*="rgba(91,31,126,.5)"]{ background:#F0E9F8 !important; }   /* card do encontro atual (gradiente) */

/* ---- textos claros -> escuros ---- */
body.theme-light .trilha-overlay [style*="color:#fff"]{ color:#1F1F1F !important; }
body.theme-light .trilha-overlay [style*="color:#9a90b0"],
body.theme-light .trilha-overlay [style*="color:#c9bfda"],
body.theme-light .trilha-overlay [style*="color:#6b577f"]{ color:#6b6480 !important; }
body.theme-light .trilha-overlay [style*="color:#b79ad6"],
body.theme-light .trilha-overlay [style*="color:#c4b5fd"]{ color:#7c3ab7 !important; }

/* ---- inputs/selects claros ---- */
body.theme-light .trilha-overlay input,
body.theme-light .trilha-overlay select{ background:#ffffff !important; border-color:rgba(91,31,126,.22) !important; color:#1F1F1F !important; }

/* ---- PROTEÇÃO: botão roxo (#5B1F7E) mantém texto branco (sobrescreve o flip de #fff) ---- */
body.theme-light .trilha-overlay [style*="background:#5B1F7E"]{ color:#ffffff !important; }