/* Aviso de privacidade (Privacidade Foobá) na paleta da fooba.studio: preto, laranja #FD9800 e creme.
   Só sobrescreve cores e cantos; os três botões continuam com o mesmo peso (nenhum "aceitar" em destaque). */
body .fp, body .fp-modal, body .fp-fab, body .fp-aviso, body .fooba-embed {
	--fp-cor: #FD9800;
	--fp-fundo: #000;
	--fp-texto: #FFF4E2;
	--fp-suave: #E8DCC8;
	--fp-borda: rgba(253, 152, 0, .45);
}

/* 1ª camada */
body .fp { border: 2px solid var(--fp-cor); border-radius: 24px; box-shadow: 0 18px 50px rgba(0, 0, 0, .45); }
body .fp__titulo { color: #fff; letter-spacing: -0.01em; }
body .fp__links a { color: var(--fp-cor); }
body .fp__btn { border-radius: 999px; }
body .fp__btn:hover { background: var(--fp-cor); color: #000; }

/* 2ª camada (preferências) */
body .fp-modal { background: rgba(0, 0, 0, .6); }
body .fp-modal__caixa { border: 2px solid var(--fp-cor); border-radius: 24px; }
body .fp-modal__topo h2, body .fp-cat__topo h3 { color: #fff; }
body .fp-modal__x { color: var(--fp-texto); }
body .fp-modal__x:hover { background: rgba(253, 152, 0, .18); }
body .fp-modal__gpc { background: #1a1a1a; color: var(--fp-texto); }
body .fp-cat { border-bottom-color: rgba(253, 152, 0, .25); }
body .fp-cat__det li { background: #161616; color: var(--fp-texto); }
body .fp-sw__t { background: #4a4a4a; }
body .fp-sw input:checked + .fp-sw__t::after { background: #000; }

/* botão flutuante e aviso rápido */
body .fp-fab { background: #000; border-color: var(--fp-cor); color: var(--fp-cor); }
body .fp-fab:hover { background: var(--fp-cor); color: #000; }
body .fp-fab__x { --fa-bg: #000; --fa-fg: #FFF4E2; --fa-borda: #FD9800; }
body .fp-aviso { background: var(--fp-cor); color: #000; }

/* conteúdo de outro site bloqueado até o aceite */
body .fooba-embed { --fp-fundo: #FFF4E2; --fp-texto: #000; --fp-suave: #3d3a35; background: #FFF4E2; border: 2px dashed var(--fp-cor); }
body .fooba-embed__btn { border-radius: 999px; color: #000; }
body .fooba-embed__link { color: #8a4f00; }

/* entre o celular (700px, regra do plugin) e o computador: texto em cima, botões embaixo, para o texto não virar uma coluna estreita */
@media (min-width: 701px) and (max-width: 980px) { body .fp { grid-template-columns: 1fr; } }

/* botão de acessibilidade (Acessibilidade Foobá), sozinho ou na pílula com o da privacidade: preto, borda e ícones
   laranja, painel preto com texto creme. Os temas escuro/contraste do plugin trocam essas variáveis (CSS do painel). */
body .fa-widget { --fa-bg: #000; --fa-fg: #FFF4E2; --fa-borda: #FD9800; --fa-destaque: #FD9800; --fa-destaque-fg: #000; }
body .fa-widget.fp-pilula { background: #000; color: #FD9800; border-color: #FD9800; }