/*
 * Linguagem visual do site inteiro (THC-5), a mesma da página inicial repaginada (THC-4): cantos
 * grandes, botões em pílula, títulos com tracking negativo e retorno no toque. Vale só para o conteúdo
 * das páginas e posts (.wp-block-post-content): cabeçalho e rodapé ficam como estão, porque o site de
 * reserva os reaproveita pela moldura (TG-179). Aplica-se aos blocos que já existem no banco (core e
 * DesignSetGo), sem reescrever conteúdo. Mesma identidade: docs/IDENTIDADE-SURFING4ALL.md.
 */

:root {
	--s4a-azul: #326698;
	--s4a-azul-claro: #2a95d6;
	--s4a-raio-g: 32px;
	--s4a-raio-m: 22px;
	--s4a-raio-p: 14px;
}

/* Títulos: mais presença, linhas mais justas, letras mais próximas quanto maior o tamanho */
.wp-block-post-content :is(h1, h2, h3).wp-block-heading {
	font-weight: 700;
	line-height: 1.08;
	letter-spacing: -.025em;
	text-wrap: balance;
}
.wp-block-post-content h4.wp-block-heading { letter-spacing: -.01em; line-height: 1.2; }
.wp-block-post-content p { text-wrap: pretty; }

/* Fotos com cantos orgânicos; as de largura total (faixas, banners) continuam retas */
.wp-block-post-content .wp-block-image:not(.alignfull) img,
.wp-block-post-content .wp-block-post-featured-image img,
.wp-block-post-content .wp-block-media-text__media img {
	border-radius: var(--s4a-raio-m);
}

/* Cartões: blocos com fundo dentro de grades, colunas e linhas */
.wp-block-post-content :is(.dsgo-grid__inner, .dsgo-flex__inner, .wp-block-columns) > .has-background {
	border-radius: var(--s4a-raio-m);
	overflow: hidden;
}
.wp-block-post-content .wp-block-group.has-background:not(.alignfull):not(.alignwide) {
	border-radius: var(--s4a-raio-m);
}

/* Botões em pílula, com retorno no toque */
.wp-block-post-content :is(.wp-block-button__link, .dsgo-icon-button, input[type="submit"], .wpcf7-submit) {
	border-radius: 999px !important;
	transition: transform .1s ease-out, background-color .2s, color .2s;
}
.wp-block-post-content :is(.wp-block-button__link, .dsgo-icon-button, input[type="submit"], .wpcf7-submit):active {
	transform: scale(.97);
}
.wp-block-post-content :is(.wp-block-button__link, .dsgo-icon-button):focus-visible {
	outline: 3px solid var(--s4a-azul-claro);
	outline-offset: 3px;
}

/* Listas com ícone: o ícone na cor da marca */
.wp-block-post-content .dsgo-icon-list-item__icon { color: var(--s4a-azul); }

/* Formulários (contato, candidaturas): campos arredondados e foco visível */
.wp-block-post-content :is(input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="url"], select, textarea) {
	border-radius: var(--s4a-raio-p);
}
.wp-block-post-content :is(input, select, textarea):focus-visible {
	outline: 3px solid var(--s4a-azul-claro);
	outline-offset: 1px;
}

/* Listas de posts (notícias): fotos arredondadas */
.wp-block-post-template .wp-block-post-featured-image img { border-radius: var(--s4a-raio-m); }

@media (prefers-reduced-motion: reduce) {
	.wp-block-post-content :is(.wp-block-button__link, .dsgo-icon-button, input[type="submit"], .wpcf7-submit) { transition: none; transform: none !important; }
}
