/*
Theme Name: Sons que Acolhem
Theme URI: https://sonsqueacolhem.com.br
Description: Tema filho alinhado à identidade visual do site (cores, tipografia). Filho do Twenty Twenty-Five.
Author: Atelier Musical Sons que Acolhem
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sons-que-acolhem
*/

/* -------------------------------------------------------------------------
   Design tokens (espelhados do site principal)
   ------------------------------------------------------------------------- */
:root {
	--cor-primaria: #7cb342;
	--cor-secundaria: #558b2f;
	--cor-destaque: #c9a86a;
	--cor-texto: #2c3e50;
	--cor-texto-claro: #5a6c7d;
	--cor-fundo: #fafbfc;
	--cor-branco: #ffffff;
	--sons-radius-pill: 50px;
	--sons-shadow-soft: 0 2px 20px rgba(0, 0, 0, 0.08);
	--sons-shadow-primary: 0 4px 15px rgba(124, 179, 66, 0.3);
}

html {
	scroll-behavior: smooth;
}

body {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif !important;
	color: var(--cor-texto);
	line-height: 1.6;
	background-color: var(--cor-fundo);
}

/* Conteúdo de posts e páginas */
.entry-content,
.wp-block-post-content,
.post-content,
.comment-content {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	color: var(--cor-texto);
}

.entry-content a,
.wp-block-post-content a,
.post-content a {
	color: var(--cor-secundaria);
	text-decoration-color: rgba(85, 139, 47, 0.35);
}

.entry-content a:hover,
.wp-block-post-content a:hover,
.post-content a:hover {
	color: var(--cor-primaria);
	text-decoration-color: var(--cor-primaria);
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.wp-block-post-content h1,
.wp-block-post-content h2,
.wp-block-post-content h3,
.wp-block-post-content h4 {
	color: var(--cor-texto);
	font-weight: 700;
	line-height: 1.25;
}

.entry-content h2,
.wp-block-post-content h2 {
	border-bottom: 2px solid var(--cor-primaria);
	padding-bottom: 0.35em;
	margin-top: 1.75em;
}

.entry-content blockquote,
.wp-block-post-content blockquote {
	border-left: 4px solid var(--cor-primaria);
	background: rgba(124, 179, 66, 0.06);
	color: var(--cor-texto-claro);
}

/* Botões (blocos e elementos comuns) */
button,
input[type="submit"],
.wp-block-button__link,
.wp-element-button {
	border-radius: var(--sons-radius-pill) !important;
	font-weight: 600 !important;
}

.is-style-outline .wp-block-button__link {
	border-color: var(--cor-primaria) !important;
	color: var(--cor-primaria) !important;
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link,
button:not(.is-style-outline),
input[type="submit"] {
	background: linear-gradient(135deg, var(--cor-primaria), var(--cor-secundaria)) !important;
	color: var(--cor-branco) !important;
	border: none !important;
	box-shadow: var(--sons-shadow-primary);
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
button:hover,
input[type="submit"]:hover {
	filter: brightness(1.05);
	box-shadow: 0 6px 20px rgba(124, 179, 66, 0.35);
}

/* Badges / destaques em grupos estreitos */
.wp-block-group.has-sons-badge-style,
.entry-content .sons-badge {
	display: inline-block;
	background: linear-gradient(135deg, var(--cor-destaque), #d4af6a);
	color: var(--cor-branco) !important;
	padding: 0.5rem 1.2rem;
	border-radius: var(--sons-radius-pill);
	font-size: 0.9rem;
	font-weight: 600;
	box-shadow: 0 4px 15px rgba(201, 168, 106, 0.3);
}

/* Cabeçalho do site: leveza semelhante ao site estático */
.site-header,
header.wp-block-template-part {
	background: rgba(255, 255, 255, 0.98) !important;
	backdrop-filter: blur(10px);
	box-shadow: var(--sons-shadow-soft);
}

/* Rodapé opcional */
footer.wp-block-template-part,
.site-footer {
	background-color: var(--cor-branco);
	color: var(--cor-texto-claro);
}

/* Meta de post (data, autor) */
.entry-meta,
.wp-block-post-date,
.wp-block-post-author {
	color: var(--cor-texto-claro);
	font-size: 0.95rem;
}

/* Formulários de comentário */
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
	border-color: rgba(124, 179, 66, 0.35);
	border-radius: 8px;
}