/*
Theme Name:   Attunea
Theme URI:    https://www.attunea.pt
Description:  Tema filho de bloco para a attunea.pt — prática de psicologia clínica. Sem frameworks. Tipos de letra auto-alojados.
Author:       Ana Mafalda Ferreira
Template:     twentytwentyfive
Version:      0.3.5
Requires at least: 6.7
Tested up to: 7.0
Requires PHP: 8.1
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  attunea
Tags:         blog, one-column, block-patterns, full-site-editing
*/

/*
 * Quase tudo vive no theme.json. Este ficheiro tem apenas o que o theme.json
 * nao consegue exprimir. Se conseguires fazer no theme.json, faz no theme.json:
 * so assim as definicoes aparecem no editor de blocos e ela consegue mexer
 * nelas sem tocar em codigo.
 */

/* --- Foco visivel -------------------------------------------------------- */
/* O contorno de foco por omissao desaparece sobre fundos escuros. Este e
   sempre visivel e cumpre o criterio 2.4.7 das WCAG. */
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: 3px solid var(--wp--preset--color--coral);
	outline-offset: 2px;
	border-radius: 2px;
}

/* --- Ligacoes dentro do texto -------------------------------------------- */
/* Sublinhado a coral, texto a roxo. A cor coral sozinha nao tem contraste
   suficiente para texto corrido (3.35:1), por isso serve so de marcador. */
.entry-content a:not(.wp-element-button):not(.wp-block-button__link) {
	color: var(--wp--preset--color--roxo);
	text-decoration-color: var(--wp--preset--color--coral);
	text-decoration-thickness: 2px;
	text-underline-offset: 0.2em;
}

.entry-content a:not(.wp-element-button):not(.wp-block-button__link):hover {
	text-decoration-thickness: 3px;
}

/* Sobre fundo roxo a ligacao ficava roxa sobre roxo, ou seja, invisivel.
   Passa a branca, mantendo o sublinhado coral como marcador. */
.has-roxo-background-color a:not(.wp-element-button):not(.wp-block-button__link),
.wp-block-cover a:not(.wp-element-button):not(.wp-block-button__link) {
	color: var(--wp--preset--color--branco);
	text-decoration-color: var(--wp--preset--color--coral);
}

/* --- Cartoes ------------------------------------------------------------- */
/* Sao cartao as colunas com fundo proprio (verde-claro) ou com moldura verde.
   O theme.json nao exprime nem o :hover nem um alinhamento so para estas
   colunas, por isso a regra vive aqui. */
.wp-block-column.has-background,
.wp-block-column.has-border-color {
	text-align: center;
	transition: transform 200ms ease;
}

/* Sem isto os marcadores da lista ficam pendurados fora do texto centrado. */
.wp-block-column.has-background :where(ul, ol),
.wp-block-column.has-border-color :where(ul, ol) {
	padding-left: 0;
	list-style-position: inside;
}

/* Os botoes sao flex e ignoram o text-align do cartao. */
.wp-block-column.has-background .wp-block-buttons,
.wp-block-column.has-border-color .wp-block-buttons {
	justify-content: center;
}

.wp-block-column.has-background:hover,
.wp-block-column.has-border-color:hover {
	transform: scale(1.02);
}

/* --- Citacoes ------------------------------------------------------------ */
.wp-block-quote {
	border-left: 4px solid var(--wp--preset--color--verde);
	padding-left: var(--wp--preset--spacing--40);
	font-style: italic;
}

.wp-block-quote cite {
	font-style: normal;
	font-size: var(--wp--preset--font-size--pequeno);
	opacity: 0.8;
}

/* --- Imagens ------------------------------------------------------------- */
.wp-block-image img {
	border-radius: 4px;
}

.wp-block-image figcaption {
	font-size: var(--wp--preset--font-size--pequeno);
	text-align: center;
	opacity: 0.8;
}

/* --- Respeitar quem desligou as animacoes -------------------------------- */
@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;
	}
}

/* --- Impressao ----------------------------------------------------------- */
/* Alguem vai imprimir a politica de privacidade ou o consentimento informado. */
@media print {
	.wp-block-template-part,
	.wp-block-navigation,
	.wp-block-button {
		display: none !important;
	}

	body {
		font-size: 11pt;
		color: #000;
	}

	a[href^="http"]::after {
		content: " (" attr(href) ")";
		font-size: 9pt;
	}
}