/*
Theme Name: 7º CEU — Astra
Template: astra
Description: Tema filho do Astra para o site do 7º CEU. Toda personalização de aparência mora aqui; o diretório do Astra nunca é editado, porque a atualização automática está ligada e apagaria a alteração sem aviso.
Author: 7º CEU
Version: 0.1.0
Text Domain: astra-setimoceu
*/

/*
 * O CSS do Astra NÃO é importado aqui — quem o carrega é o wp_enqueue_style
 * do functions.php. Um @import funcionaria e é a forma antiga: bloqueia a
 * renderização, porque o navegador só descobre o segundo arquivo depois de
 * baixar o primeiro.
 *
 * Cores, tipografia e largura de conteúdo são configuração do Customizer do
 * Astra, não CSS. Antes de escrever regra aqui, verifique se o tema já expõe
 * a opção — CSS que duplica configuração de tema é dívida.
 */

/* --- Acessibilidade -------------------------------------------------------
 *
 * O público do site é majoritariamente idoso, e o tema traz um plugin de
 * acessibilidade que ajuda mas não substitui isto.
 */

/* Foco visível em tudo que recebe teclado. Vários temas removem o contorno
 * padrão por estética; sem ele, quem navega por Tab não sabe onde está. */
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: 3px solid currentColor;
	outline-offset: 2px;
}

/* Alvo de toque de 44px é o mínimo confortável em celular. Vale para links
 * de menu e botões, não para links dentro de parágrafo — ali a altura da
 * linha já governa e forçar 44px quebraria o texto. */
.main-navigation a,
.wp-block-button__link,
.ast-button {
	min-block-size: 44px;
	display: inline-flex;
	align-items: center;
}

/* Quem configurou o sistema para menos movimento não deve receber animação. */
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}

/* --- Conteúdo incorporado -------------------------------------------------
 *
 * A página de Agenda incorpora um Padlet por iframe. Sem proporção definida
 * ele estoura a largura no celular e cria rolagem horizontal.
 */
.setimoceu-incorporado {
	position: relative;
	inline-size: 100%;
	aspect-ratio: 4 / 3;
}

.setimoceu-incorporado iframe {
	position: absolute;
	inset: 0;
	inline-size: 100%;
	block-size: 100%;
	border: 0;
}

/* Algumas redes e navegadores bloqueiam o incorporado. O link direto sempre
 * acompanha, e fica visível. */
.setimoceu-incorporado-link {
	display: block;
	margin-block-start: 0.5rem;
	font-size: 0.9375rem;
}

/* --- Tabelas --------------------------------------------------------------
 *
 * Tabela larga é a causa mais comum de rolagem horizontal na página inteira.
 * Confinar a rolagem à própria tabela resolve sem cortar conteúdo.
 */
.wp-block-table {
	overflow-x: auto;
}