/*
 * Secção «Documentos» — estilo do plugin, variáveis do tema.
 *
 * Fica no plugin e não no tema de propósito: assim o Requisito 3 não obriga a
 * reinstalar `idea-flow-asa`. Só usa tokens de `design-tokens.css`, que o tema
 * carrega em todas as páginas. Sem valores de recurso: um valor escrito à mão
 * aqui seria uma segunda paleta, e o gate de consistência recusa-o.
 *
 * Atenção ao TIPO de cada token: `--asa-border-hairline` e `--asa-border-field`
 * são só espessuras; `--asa-field-border` e `--asa-neutral-200` são só cores.
 * Uma propriedade `border` precisa das duas coisas e do estilo (`solid`).
 *
 * Especificidade: a folha é pedida enquanto o modelo é desenhado, ANTES de
 * wp_head(), e por isso sai antes dos estilos globais do WordPress. Estes
 * usam `:root :where(...)` — especificidade (0,1,0) — e, vindo depois,
 * ganhavam a uma regra de uma só classe: sublinhavam os links e trocavam a
 * margem da secção. Daí `section.asa-anexos` e `.asa-anexos .asa-anexos__…`.
 */

section.asa-anexos {
	margin-block-start: var(--asa-space-xl);
	padding-block-start: var(--asa-space-lg);
	border-block-start: var(--asa-border-hairline) solid var(--asa-neutral-200);
}

.asa-anexos .asa-anexos__titulo {
	margin: 0 0 var(--asa-space-sm);
	font-size: var(--asa-text-lg);
	color: var(--asa-navy);
}

.asa-anexos .asa-anexos__lista {
	display: grid;
	gap: var(--asa-space-2xs);
	margin: 0;
	padding: 0;
	list-style: none;
}

/* O tema justifica e hifeniza `main li` (texto corrido). A regra do tema atinge
   o próprio <li>, por isso é no <li> que se desfaz: nomes de ficheiro e
   «PDF · 1,2 MB» são etiquetas, nem justificadas nem partidas. */
.asa-anexos .asa-anexos__item {
	text-align: start;
	hyphens: manual;
}

.asa-anexos .asa-anexos__link {
	display: flex;
	gap: var(--asa-space-sm);
	align-items: center;
	/* O alvo mínimo do tema: isto é um link de descarregar num telemóvel. */
	min-block-size: var(--asa-field-min-target);
	padding: var(--asa-space-xs) var(--asa-space-sm);
	border: var(--asa-border-field) solid var(--asa-field-border);
	border-radius: var(--asa-radius-md);
	background: var(--asa-surface-functional-sunken);
	color: inherit;
	text-decoration: none;
}

.asa-anexos .asa-anexos__link:hover {
	border-color: var(--asa-field-border-hover);
}

.asa-anexos .asa-anexos__link:focus-visible {
	outline: var(--asa-focus-ring-width) solid var(--asa-focus-ring-color-on-functional);
	outline-offset: var(--asa-focus-ring-offset);
}

.asa-anexos .asa-anexos__icone {
	flex: 0 0 auto;
	padding: var(--asa-space-3xs) var(--asa-space-2xs);
	border-radius: var(--asa-radius-md);
	/* Âmbar com navy por cima: o par que o tema define (8,64:1). Branco dava 2:1. */
	background: var(--asa-action-primary-bg);
	color: var(--asa-action-primary-text);
	font-size: var(--asa-text-sm);
	font-weight: 700;
}

.asa-anexos .asa-anexos__texto {
	display: flex;
	flex-direction: column;
	gap: var(--asa-space-3xs);
	min-inline-size: 0;
}

.asa-anexos .asa-anexos__nome {
	font-weight: 600;
	/* Nomes de ficheiro longos não podem empurrar a página para o lado. */
	overflow-wrap: anywhere;
}

.asa-anexos .asa-anexos__meta {
	color: var(--asa-text-on-functional-muted);
	font-size: var(--asa-text-sm);
}