/* ============================================================
   E-Feito — Recolore o SITE INTEIRO (não só os cartões do plugin)
   pro sistema visual REKKI: fundo obsidiana, acento azul-sinal,
   tipografia Inter. Funciona sobrescrevendo as variáveis globais
   que o WordPress (tema com theme.json, ex: Twenty Twenty-Five)
   usa pra cores/tipografia em todo o site.
   ============================================================ */

:root {
  /* Sobrescreve as cores predefinidas do tema (theme.json) */
  --wp--preset--color--background: #000000;
  --wp--preset--color--base: #000000;
  --wp--preset--color--foreground: #ffffff;
  --wp--preset--color--contrast: #ffffff;
  --wp--preset--color--primary: #0063E1;
  --wp--preset--color--secondary: #858585;
  --wp--preset--color--tertiary: #0D0D0D;
}

html, body {
  background: #000000 !important;
  color: #ffffff !important;
  font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important;
}

/* Cabeçalho e navegação (topo do site) */
header.wp-block-template-part,
.wp-block-template-part:has(.wp-block-site-title),
.wp-site-blocks > header {
  background: #000000 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.wp-block-site-title,
.wp-block-site-title a {
  color: #ffffff !important;
  font-weight: 500;
}

.wp-block-navigation-item__content,
.wp-block-navigation a {
  color: #979797 !important;
}
.wp-block-navigation-item__content:hover,
.wp-block-navigation a:hover {
  color: #ffffff !important;
}

/* Rodapé */
footer.wp-block-template-part,
.wp-site-blocks > footer {
  background: #000000 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  color: #858585 !important;
}
footer a { color: #8C8C8C !important; }
footer a:hover { color: #ffffff !important; }

/* Título da página (ex: "Minhas Tarefas") */
.entry-title,
h1.wp-block-post-title,
main h1 {
  color: #ffffff !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: -0.03em;
  font-size: clamp(32px, 5vw, 48px) !important;
}

/* Links soltos no corpo da página (fora dos cartões do plugin) */
main a:not(.efeito-shell a) {
  color: #0063E1;
}
main a:not(.efeito-shell a):hover {
  color: #5B9DFF;
}

/* ============================================================
   MODO APP — só nas páginas que têm [efeito_formulario],
   [efeito_painel] ou [efeito_login] (classe adicionada via PHP).
   Esconde cabeçalho, rodapé e título da página, pra parecer um
   sistema próprio em vez de uma página de site comum.
   ============================================================ */
body.efeito-app-mode header.wp-block-template-part,
body.efeito-app-mode .wp-site-blocks > header,
body.efeito-app-mode footer.wp-block-template-part,
body.efeito-app-mode .wp-site-blocks > footer,
body.efeito-app-mode .entry-title,
body.efeito-app-mode h1.wp-block-post-title,
body.efeito-app-mode main > h1,
body.efeito-app-mode .wp-block-post-title {
  display: none !important;
}

body.efeito-app-mode main,
body.efeito-app-mode .wp-site-blocks,
body.efeito-app-mode .entry-content {
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.efeito-app-mode .efeito-shell:first-child {
  margin-top: 56px;
}