/* ===== footer.css — as 3 variantes do rodapé (data-footer no <html>: texto | chips | barra) e o "Powered by" =====
   O rodapé BASE (.footer, .poweredby e o html.embed .footer / .poweredby{display:none}) fica em base.css.
   ORDEM DE CARGA (nas duas páginas): base.css -> <style> da página -> theme.css -> footer.css (este, por último).
   Este arquivo vem DEPOIS do <style> da página: suas regras vencem as da página de mesma especificidade; hoje
   nenhuma colide. Não use !important nem suba especificidade; para um valor próprio de uma página, a regra vai
   na página com seletor mais específico. */

/* ===== Rodapé: 3 estilos (data-footer no <html>; ?footer= no compacto, popover de tema na tela cheia) =====
   Valem nos dois modos. O separador entre links é CSS (::before), não o " | " literal que existia no HTML. O
   "Powered by LibreSpeed" segue escondido no compacto pela regra de cada página (html.embed .poweredby). */
.footer a.privacy {
  padding: 0;
  text-decoration: none;
  color: var(--muted, #808080);
  transition: color 0.15s, border-color 0.15s, background 0.15s;
}
.footer a.privacy:hover,
.footer a.privacy:focus-visible {
  color: var(--accent, #4ea1ff);
  text-decoration: underline;
}
/* texto (padrão): links discretos separados por "·" */
html[data-footer="texto"] .footer a.privacy + a.privacy::before {
  content: "\00b7";
  display: inline-block;
  margin: 0 0.75em;
  color: var(--muted, #808080);
  text-decoration: none;
}
/* chips: cada link é um chip com o arredondamento dos botões do tema */
html[data-footer="chips"] .footer a.privacy {
  display: inline-block;
  margin: 0.15em 0.25em;
  padding: 0.3em 0.9em;
  border: 0.0625rem solid rgba(128, 128, 128, 0.45);
  border-radius: var(--radius-button-level, 0.75rem);
  color: var(--fg, inherit);
}
html[data-footer="chips"] .footer a.privacy:hover,
html[data-footer="chips"] .footer a.privacy:focus-visible {
  border-color: var(--accent, #4ea1ff);
  text-decoration: none;
}
/* barra: linha fina em cima e tudo numa linha só, com o "Powered by" no fim */
html[data-footer="barra"] .footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.3em 1.4em;
  padding-top: 0.9em;
  border-top: 0.0625rem solid rgba(128, 128, 128, 0.3);
}
html:not(.embed)[data-footer="barra"] .footer {
  max-width: 64rem;
  margin-inline: auto;
}
/* "Powered by LibreSpeed" segue o padrão dos outros links do rodapé: mesmo tamanho e cor, sem sublinhado nem
   transparência, hover na cor de marca; no estilo chips também vira chip. (A visibilidade continua nas páginas:
   html.embed .poweredby { display: none }.) */
.footer .poweredby {
  opacity: 1;
  font-size: 0.8em;
  margin: 0.6em 0 0;
}
.footer .poweredby a {
  color: var(--muted, #808080);
  text-decoration: none;
  transition: color 0.15s, border-color 0.15s;
}
.footer .poweredby a:hover,
.footer .poweredby a:focus-visible {
  color: var(--accent, #4ea1ff);
  text-decoration: underline;
}
html[data-footer="chips"] .footer .poweredby a {
  display: inline-block;
  padding: 0.3em 0.9em;
  border: 0.0625rem solid rgba(128, 128, 128, 0.45);
  border-radius: var(--radius-button-level, 0.75rem);
  color: var(--fg, inherit);
}
html[data-footer="chips"] .footer .poweredby a:hover,
html[data-footer="chips"] .footer .poweredby a:focus-visible {
  border-color: var(--accent, #4ea1ff);
  text-decoration: none;
}
html[data-footer="barra"] .footer .poweredby {
  margin: 0;
}