/* ============================================================
   ISLAMKT — TEMA CLARO (Light) — fundo branco
   ------------------------------------------------------------
   Só é carregado quando $TEMA = "light" (no lib.php).
   Apenas sobrepõe CORES — não altera layout/responsividade.
   Especificações:
     - fundo branco
     - bordas: 1px solid rgba(0,0,0,0.2)
     - NUM ativo (NUM_OK): fundo amarelo
     - logo NÃO é invertido
   ============================================================ */

/* ---- Superfícies -> branco ---- */
body,
#TOPBAR,
#MOBILE_NAV,
#FILTERS,
section.MYSLIDE,
.DEST_SLIDERWRAP,
.masthead__item {
    background: #f4f4f4 !important;
}
.content { background: #f0f0f0 !important; }

/* ---- Textos claros -> escuros ---- */
body { color: #1a1a1a; }
.home-title,
.home-title .REC,
.reveal-text,
.GOM_INT,
.INFO_DESTAQUES,
.INFO_DESTAQUES div {
    color: #1a1a1a !important;
}
.CHORUS,
.DESC_PROJ { color: #222 !important; font-size: 18px; font-weight: 400 !important }

/* ---- Navegação (só a cor do texto) ---- */
#MOBILE_NAV .COND { color: rgba(0,0,0,0.55) !important; }
#MOBILE_NAV .COND:hover { color: rgba(0,0,0,0.85) !important; }
#MOBILE_NAV .COND_OK { color: #111111 !important; }

/* ============================================================
   BORDAS: 1px solid rgba(0,0,0,0.2)
   ============================================================ */
.NUM,
.masthead__item .THEIMGPROJECT > div,
.CHORUS,
.DEST_SAIBA,
.projeto-ficha {
    border-color: rgba(0,0,0,0.2) !important;
}

#TOPBAR_LOGO{
    border: none !important;
}

.COND_OK{
    border-color: #ffcc00 !important;
}



.BORDER_B,
.BORDER_T {
    border-bottom: 1px solid rgba(0,0,0,0.2) !important;
}

/* ============================================================
   NUM ativo (NUM_OK): fundo AMARELO
   ============================================================ */
.NUM { color: #111111 !important; }
.NUM_OK {
    background: #ffcc00 !important;
    color: #111111 !important;
    border-color: rgba(0,0,0,0.2) !important;
}

/* Hambúrguer: barras escuras (senão ficam brancas invisíveis) */
#HAMBURGER span { background: #111111 !important; }

/* Ícones sociais (SVGs brancos) -> invertidos p/ aparecerem no branco.
   O logo NÃO é invertido. */
.ICO_SOCIAL { filter: invert(1) !important; }

/* ============================================================
   CMS — cores dos componentes novos no tema claro
   ============================================================ */
.DEST_TIT { color: #1a1a1a !important; }
.DEST_RESUMO { color: #555555 !important; }
.DEST_SAIBA { color: #ffcc00 !important; background: #222; padding-top: 15px; }
.DEST_SAIBA:hover { background: #fff !important; color: #222 !important; border-color: #ffcc00 !important; }
.quemsomos h2 { color: #1a1a1a !important; }
.quemsomos .qs-texto { color: #444444 !important; }
.projeto-corpo h1 { color: #1a1a1a !important; }
.projeto-resumo { color: #555555 !important; }
.projeto-ficha li { color: #1a1a1a !important; }
.projeto-texto { color: #333333 !important; }
.projeto-texto h2, .projeto-texto h3 { color: #111111 !important; }
.projeto-texto a { color: #2563eb !important; }