/*
 * states-print.css - Estados de teclado e impressao (Etapa 2, parte 1).
 * Carregado por ULTIMO. Aditivo: so acrescenta foco visivel e regras de
 * impressao; nao muda a aparencia normal da tela.
 */

/* --- Foco de teclado visivel (acessibilidade) --- */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible,
.button:focus-visible,
.wp-block-button__link:focus-visible {
  outline: 3px solid var(--jj-terra);
  outline-offset: 2px;
  border-radius: 2px;
}

/* Nao mostrar o anel para quem usa mouse (fallback em navegadores antigos) */
:focus:not(:focus-visible) {
  outline: none;
}

/* Foco sobre fundos escuros (verde/terracota) usa creme para contraste */
.site-header .button:focus-visible,
.footer a:focus-visible,
.materials a:focus-visible,
.cta a:focus-visible,
.articles-newsletter a:focus-visible,
.articles-search button:focus-visible {
  outline-color: var(--jj-cream);
}

/* --- Impressao --- */
@media print {
  .site-header,
  .footer,
  .site-footer,
  .skip-link,
  .articles-search,
  .category-filters,
  .articles-newsletter,
  .articles-pagination,
  .pagination,
  .materials,
  .cta,
  .hero-actions,
  .comment-form,
  .comment-respond,
  .header-cta {
    display: none !important;
  }

  html, body {
    background: #fff !important;
    color: #000 !important;
  }

  .content-wrap,
  .entry-content {
    max-width: 100% !important;
    padding: 0 !important;
  }

  a {
    color: #000 !important;
    text-decoration: underline;
  }

  /* Revela o destino de links externos no papel */
  .entry-content a[href^="http"]::after {
    content: " (" attr(href) ")";
    font-size: 0.85em;
    color: #555;
    word-break: break-all;
  }

  img {
    max-width: 100% !important;
  }

  h1, h2, h3 {
    break-after: avoid;
  }
}