/*
Theme Name: Abylise
Description: Child theme do Enfold 8.1 (stock, nativo). Substitui o fork independente "Abilyx" — preserva as customizações genuínas do ADSI (integração com o plugin adsi-core, correções WCAG 2 AA, tipografia dinâmica) sobre hooks nativos do Enfold, permitindo voltar a receber atualizações oficiais do tema. Ver CLAUDE.md para o histórico da migração.
Author: ADSI
Template: enfold
Version: 0.2.1
Text Domain: abylise
*/

/* ==========================================================================
   Fase 3 do plano de migração — correções WCAG 2 AA + tipografia dinâmica
   Portado de wp-content/themes/abilyx (fork), reaplicado sobre o Enfold 8.1
   nativo. Carregado via o handle 'avia-style' que o próprio Enfold já
   enfileira depois de avia-base/avia-layout (includes/config-enfold/
   functions-enqueue.php:74,234-237) — a ordem de carregamento garante que
   estas regras vencem por ordem de cascata, com a mesma especificidade das
   regras originais que substituem.
   ========================================================================== */

/* WCAG 2.4.7 (Focus Visible): a:hover/a:focus/a:visited do Enfold só troca
   para sublinhado, invisível em links compostos só por uma imagem, sem texto
   próprio (ex: a foto de um membro numa listagem). :focus-visible só ativa
   para navegação por teclado — nunca num clique de rato — por isso isto
   nunca altera o aspeto para quem usa o rato, só repõe feedback visível para
   quem usa o teclado. */
a:focus-visible {
	outline: 2px solid #2271b1;
	outline-offset: 2px;
}

/* Tipografia: os headings do tema leem as variáveis --core-h1-size..
   --core-h6-size injetadas site-wide pelo plugin adsi-core (CoreGlobaisCss,
   Apresentação → Tipografia). O fallback é sempre o valor original do
   Enfold 8.1 nativo (confirmado igual ao da base 7.1.6 do fork, exceto h6 —
   ver nota abaixo) — um site sem adsi-core ativo, ou sem estes campos ACF
   definidos, renderiza exatamente como o Enfold stock, sem dependência
   obrigatória do plugin. */
h1 {
	font-size: var(--core-h1-size, 34px);
}
h2 {
	font-size: var(--core-h2-size, 28px);
}
h3 {
	font-size: var(--core-h3-size, 20px);
}
h4 {
	font-size: var(--core-h4-size, 18px);
}
h5 {
	font-size: var(--core-h5-size, 16px);
}
h6 {
	/* Fallback 1rem (não os 14px nativos do Enfold) — desvio deliberado do
	   fork, preservado tal e qual. Antes da correção de tamanhos de fonte
	   abaixo, isto mantinha h6 acima do corpo de texto (13px nativo do
	   Enfold); agora que o corpo também está a 16px (ver secção "Tamanhos
	   de fonte mínimos"), h6 fica do mesmo tamanho que o corpo — decisão
	   aceite deliberadamente (mais simples do que subir h6 só para
	   preservar uma hierarquia visual ligeira; acessibilidade > estética
	   aqui). */
	font-size: var(--core-h6-size, 1rem);
}

/* .title_container .main-title tem especificidade (0,2,0), maior que o
   simples elemento h1 (0,0,1) — vence a regra "h1" acima só nesta barra de
   título, por isso precisa da sua própria declaração ou a mudança nunca
   seria visível aí. */
.title_container .main-title {
	font-size: var(--core-h1-size, 16px);
}

/* ==========================================================================
   Breadcrumb separado numa faixa própria (abylise_separate_breadcrumb,
   inc/accessibility-fixes.php) — fora do title_container, por isso não
   herda nenhum espaçamento vertical próprio: o .container_wrap genérico
   do Enfold (css/grid.css) não define padding, só a borda superior.
   ========================================================================== */
.adsi-breadcrumb-container {
	padding-top: 12px;
	padding-bottom: 12px;
}

/* .trail-before ("Está aqui:") tem padding-left 3px vindo da regra
   genérica .breadcrumb-trail .trail-before/.trail-end/.sep/a (Enfold,
   css/layout.css) — pensada para o breadcrumb embutido na barra de
   título, onde esse espaço inicial nunca é o primeiro elemento visível
   da linha. Aqui é, e deixa o "Está aqui:" desalinhado com a margem do
   .container. */
.adsi-breadcrumb-container .breadcrumb-trail .trail-before {
	padding-left: 0;
	margin-left: 0;
}
