/* =================================================================================================
   Caririensi — temas de alto contraste do plugin Acessibilidade (html[data-fa-tema="contraste-claro"] e
   html[data-fa-tema="contraste-escuro"]). Carregado depois do style.css.

   Como funciona: o tema pinta quase tudo com os tokens do design system (o theme.json também usa
   var(--fundo), var(--texto)...), então a base é trocar os tokens. Depois vêm as poucas classes de cor do
   editor (has-*-color) e os componentes com cor escrita à mão (plugins, degradês sobre foto).

   Contraste claro: áreas claras brancas com tinta preta; as faixas escuras (cabeçalho, rodapé, Central,
   abertura de editoria) ficam pretas com texto branco. Links do texto em azul sublinhado.
   Contraste escuro: tudo preto com tinta amarela; links do texto em ciano sublinhado; botões de destaque
   amarelos com texto preto.
   Sem textura, sem sombra decorativa e sem degradê atrás de texto.
   ================================================================================================= */

html[data-fa-tema="contraste-claro"] {
	color-scheme: light;
	/* superfícies claras */
	--fundo: #fff; --fundo-alt: #fff; --superficie: #fff; --marca-suave: #fff;
	--branco-gesso: #fff; --cambui-50: #fff; --mangaba-50: #fff;
	/* faixas escuras */
	--superficie-marca: #000; --verde-bacupari: #000; --verde-cambui: #000; --cambui-950: #000; --cambui-700: #000;
	/* tinta sobre o claro */
	--texto: #000; --texto-suave: #000; --linha: #000; --linha-forte: #000; --cinza-cimento: #000;
	--marca: #000; --marca-texto: #000; --destaque: #000; --destaque-texto: #000; --mangaba-700: #000;
	--urgente: #000; --foco: #000;
	--on-marca: #fff; --on-destaque: #fff; --on-urgente: #fff;
	/* tinta sobre as faixas pretas */
	--cambui-100: #fff; --cambui-300: #fff; --mangaba-300: #fff; --verde-mangaba: #fff;
	/* editorias: o sinal continua, sem cor */
	--ed-cariri: #000; --ed-politica: #000; --ed-policial: #000; --ed-esportes: #000; --ed-ceara: #000;
	--ed-brasil: #000; --ed-entretenimento: #000; --ed-mundo: #000; --ed-opiniao: #000;
	--sombra-card: none; --sombra-flutuante: 0 0 0 2px #000;
	--cr-link-texto: #0000b3;
	--cr-faixa-texto: #fff;
}

html[data-fa-tema="contraste-escuro"] {
	color-scheme: dark;
	/* tudo preto */
	--fundo: #000; --fundo-alt: #000; --superficie: #000; --marca-suave: #000;
	--branco-gesso: #000; --cambui-50: #000; --mangaba-50: #000;
	--superficie-marca: #000; --verde-bacupari: #000; --verde-cambui: #000; --cambui-950: #000;
	--marca: #000; --cambui-700: #333;
	/* tinta amarela */
	--texto: #ff0; --texto-suave: #ff0; --linha: #ff0; --linha-forte: #ff0; --cinza-cimento: #ff0;
	--marca-texto: #ff0; --destaque: #ff0; --destaque-texto: #ff0; --mangaba-700: #ff0; --mangaba-300: #ff0;
	--cambui-100: #ff0; --cambui-300: #ff0; --verde-mangaba: #ff0; --urgente: #ff0; --foco: #ff0;
	--on-marca: #ff0; --on-destaque: #000; --on-urgente: #000;
	--ed-cariri: #ff0; --ed-politica: #ff0; --ed-policial: #ff0; --ed-esportes: #ff0; --ed-ceara: #ff0;
	--ed-brasil: #ff0; --ed-entretenimento: #ff0; --ed-mundo: #ff0; --ed-opiniao: #ff0;
	--sombra-card: none; --sombra-flutuante: 0 0 0 2px #ff0;
	--cr-link-texto: #0ff;
	--cr-faixa-texto: #ff0;
}

/* ---------- Classes de cor do editor (cabeçalho, rodapé, abertura de editoria, botões) ---------- */
html[data-fa-tema^="contraste"] :is(.has-bacupari-background-color, .has-cambui-background-color, .has-tinta-background-color) { background-color: #000 !important; }
html[data-fa-tema^="contraste"] :is(.has-gesso-background-color, .has-cambui-claro-background-color, .has-cimento-background-color, .has-linha-background-color, .has-branco-background-color) { background-color: var(--fundo) !important; }
html[data-fa-tema^="contraste"] :is(.has-tinta-color, .has-cinza-color, .has-cambui-color, .has-mangaba-texto-color, .has-urgente-color) { color: var(--texto) !important; }
html[data-fa-tema^="contraste"] :is(.has-branco-color, .has-mangaba-color) { color: var(--cr-faixa-texto) !important; }
/* botões mangaba (Assista, WhatsApp): branco com tinta preta no claro, amarelo com tinta preta no escuro */
html[data-fa-tema="contraste-claro"] .has-mangaba-background-color { background-color: #fff !important; }
html[data-fa-tema="contraste-escuro"] .has-mangaba-background-color { background-color: #ff0 !important; }
html[data-fa-tema^="contraste"] .has-bacupari-color { color: #000 !important; }

/* ---------- Base ---------- */
html[data-fa-tema^="contraste"] body { background: var(--fundo); color: var(--texto); }
html[data-fa-tema^="contraste"] :focus-visible { outline: 3px solid currentColor !important; outline-offset: 2px !important; }
html[data-fa-tema^="contraste"] a:hover { text-decoration: underline; }
/* links dentro do texto: cor própria e sublinhado sempre */
html[data-fa-tema^="contraste"] :is(.cr-texto-materia, .wp-block-post-content, .entry-content, .cr-doc, .wp-block-post-excerpt) a:not(.wp-block-button__link):not(.cr-btn) {
	color: var(--cr-link-texto) !important; text-decoration: underline !important; text-underline-offset: 3px;
}
/* menos nos cartões e faixas escuras das páginas institucionais, onde o link segue a tinta da faixa */
html[data-fa-tema^="contraste"] body .cr-inst-corpo :is(.cr-inst-cartao--marca, .cr-inst-faixa) a:not(.wp-block-button__link):not(.cr-btn) { color: var(--cr-faixa-texto) !important; }
html[data-fa-tema^="contraste"] ::selection { background: var(--texto); color: var(--fundo); }
/* sem textura atrás de texto */
html[data-fa-tema^="contraste"] .cr-ladrilho::after { display: none; }
/* botões do tema e do WordPress: sempre com borda, o fundo pode ser igual ao da página */
html[data-fa-tema^="contraste"] :is(.wp-element-button, .wp-block-button__link, .cr-btn) { border: 2px solid currentColor !important; }
/* menos os botões-ícone redondos do cabeçalho (menu, busca, claro/escuro), que seguem iguais entre si */
html[data-fa-tema^="contraste"] .cr-topo .wp-block-search__button { border: 0 !important; }
/* no escuro, as faixas escuras dentro da página (Central, chamada do WhatsApp) somem no fundo preto: ganham borda */
html[data-fa-tema="contraste-escuro"] :is(.cr-faixa-central, .cr-gaveta__central, .cr-rodape-site__whats, .cr-estudio) { border: 2px solid var(--texto); }
html[data-fa-tema^="contraste"] .wp-block-quote { border-left-color: var(--texto) !important; }
html[data-fa-tema^="contraste"] hr, html[data-fa-tema^="contraste"] .wp-block-separator { border-color: var(--texto) !important; color: var(--texto) !important; background-color: var(--texto) !important; opacity: 1; }

/* ---------- Foto com texto por cima: caixa sólida no lugar do degradê ---------- */
html[data-fa-tema^="contraste"] .cr-cartaz::after { display: none; }
html[data-fa-tema^="contraste"] .cr-cartaz .wp-block-cover__inner-container { background: #000; padding: var(--espaco-3); border-radius: var(--raio-md); }
html[data-fa-tema^="contraste"] .cr-cartaz .wp-block-cover__background { opacity: 0 !important; }
html[data-fa-tema^="contraste"] .cr-yt__aviso { background: #000; color: var(--cr-faixa-texto); }

/* ---------- Gaveta do menu ---------- */
html[data-fa-tema^="contraste"] body .cr-gaveta .wp-block-navigation__responsive-container.is-menu-open { background: var(--fundo) !important; color: var(--texto) !important; box-shadow: 0 0 0 100vmax rgba(0, 0, 0, .75); }
html[data-fa-tema="contraste-claro"] body .cr-gaveta .wp-block-navigation__responsive-container.is-menu-open { border-right: 3px solid #000; }
html[data-fa-tema^="contraste"] body .cr-gaveta .is-menu-open :is(a, .cr-gaveta__titulo, .prv-menu__btn, .prv-menu__btn svg) { color: inherit !important; }
html[data-fa-tema^="contraste"] body .cr-gaveta .is-menu-open :is(.prv-menu__btn, .cr-cidades a) { border-color: currentColor !important; background: transparent !important; }

/* ---------- Plugins Foobá ---------- */
/* Acessibilidade: controles da gaveta (o .fa-inline do plugin vem branco, pensado para menu escuro) */
html[data-fa-tema="contraste-claro"] body .fa-inline { --fa-fg: #000; --fa-borda: #000; --fa-destaque: #000; --fa-destaque-fg: #fff; }
html[data-fa-tema^="contraste"] body :is(.fa-widget, .fa-inline) .fa-restaurar { color: var(--fa-fg); }
/* Blocos Foobá: trilha, legenda da foto e cartões do post-grid trazem cor fixa no <style> do bloco */
html[data-fa-tema^="contraste"] body [id^="fooba-bc-"] { color: var(--texto) !important; }
html[data-fa-tema^="contraste"] body [id^="fooba-bc-"] a { color: inherit !important; }
html[data-fa-tema^="contraste"] body .cr-arquivo__abertura [id^="fooba-bc-"] { color: var(--cr-faixa-texto) !important; }
html[data-fa-tema^="contraste"] body .fooba-thumb-caption { color: var(--texto) !important; }
html[data-fa-tema^="contraste"] body :is(.fooba-pg-card__title, .fooba-pg-card__title a, .fooba-pg-meta-top, .fooba-pg-meta-bot) { color: var(--texto) !important; }
html[data-fa-tema^="contraste"] body :is(.fooba-pg-wrap, .fooba-pg-card) { background: var(--fundo) !important; }
html[data-fa-tema^="contraste"] body .fooba-pg-meta-item { opacity: 1 !important; }
/* Fooba Ads: rótulo "publicidade" em cinza fixo */
html[data-fa-tema^="contraste"] body .fooba-ads-label { color: var(--texto) !important; opacity: 1 !important; }
/* selos de categoria do post-grid (cor da editoria vinda do Foobá Cores, que aqui não existe) */
html[data-fa-tema^="contraste"] body [style*="--cor-"] { background: var(--texto) !important; color: var(--fundo) !important; }
/* Streaming (/tv) */
html[data-fa-tema="contraste-claro"] body :is(.sf, .sf-modal) { --sf-cor: #fff; --sf-bg: #000; --sf-bg2: #000; }
html[data-fa-tema="contraste-escuro"] body :is(.sf, .sf-modal) { --sf-cor: #ff0; --sf-bg: #000; --sf-bg2: #000; }
/* assinatura da fooba.studio no rodapé */
/* assinatura da fooba.studio: rótulo e nome inteiros (texto legível); o símbolo grande, decorativo, sai
   (em amarelo cheio ele virava a maior mancha da página) */
html[data-fa-tema^="contraste"] .cr-rodape-site .cr-feito-por { color: var(--cr-faixa-texto); opacity: 1; height: auto; padding-bottom: var(--espaco-8); }
html[data-fa-tema^="contraste"] .cr-feito-por__simbolo { display: none; }
html[data-fa-tema^="contraste"] .cr-feito-por__texto { margin-top: 0; }

/* ---------- Blocos do WordPress e comentários ---------- */
html[data-fa-tema^="contraste"] :is(input, textarea, select) { background: var(--fundo) !important; color: var(--texto) !important; border: 2px solid var(--texto) !important; }
html[data-fa-tema^="contraste"] ::placeholder { color: var(--texto); opacity: .85; }
html[data-fa-tema^="contraste"] .cr-topo .wp-block-search__input { background: #000 !important; color: var(--cr-faixa-texto) !important; border-color: var(--cr-faixa-texto) !important; }
html[data-fa-tema^="contraste"] .wp-block-social-links .wp-social-link { color: var(--cr-faixa-texto) !important; }
html[data-fa-tema^="contraste"] #wpdcom :is(*, a) { color: var(--texto) !important; border-color: var(--texto) !important; }
html[data-fa-tema^="contraste"] #wpdcom :is(.wpd-comment, .wpd-form, .wpd-thread-head, .wpdiscuz-item, .wpd-comment-wrap) { background: var(--fundo) !important; }
html[data-fa-tema^="contraste"] #wpdcom :is(button, .wpd-prim-button, input[type="submit"]) { background: var(--fundo) !important; color: var(--texto) !important; border: 2px solid var(--texto) !important; }