/*
Theme Name: JF Gafanha da Encarnacao
Author: Junta de Freguesia da Gafanha da Encarnação
Description: Tema institucional da Junta de Freguesia da Gafanha da Encarnação. Desenvolvido segundo as diretrizes WCAG 2.1, com destaque para a Transparência (Lei n.º 54/2021) e a proteção de dados (RGPD). Requer o plugin JF Gafanha Core.
Version: 1.2.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: jf-gafanha
*/

html {
	-webkit-text-size-adjust: 100%;
}

body {
	font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}

/* Âncoras não ficam escondidas por baixo do cabeçalho fixo */
[id] {
	scroll-margin-top: 7rem;
}

/* Foco visível e de alto contraste (WCAG 2.4.7) */
:focus-visible {
	outline: 3px solid #d4ab5c;
	outline-offset: 2px;
}

/* Respeitar preferência de movimento reduzido (WCAG 2.3.3) */
@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;
	}
}

/* Logótipo personalizado */
.custom-logo-link {
	display: inline-flex;
}
.custom-logo {
	height: 2.5rem;
	width: auto;
	max-width: 5rem;
	object-fit: contain;
}
@media (min-width: 640px) {
	.custom-logo {
		height: 3rem;
		max-width: 12rem;
	}
}

/* Tabelas dentro do conteúdo */
.prose table {
	display: block;
	overflow-x: auto;
}

/* Paginação de notícias */
.nav-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.5rem;
}
.nav-links .page-numbers {
	display: inline-flex;
	min-width: 2.75rem;
	justify-content: center;
	border-radius: 0.5rem;
	padding: 0.5rem 0.9rem;
	background: #fff;
	box-shadow: inset 0 0 0 1px #cbd5e1;
}
.nav-links .page-numbers.current {
	background: #133d5f;
	color: #fff;
	box-shadow: none;
}

/* Classes do núcleo WordPress */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

.alignleft { float: left; margin: 0.5rem 1.5rem 1rem 0; }
.alignright { float: right; margin: 0.5rem 0 1rem 1.5rem; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { max-width: 100%; }
.wp-caption-text,
.wp-element-caption { font-size: 0.875rem; color: #475569; text-align: center; margin-top: 0.5rem; }
