/* Clínica Wilson GonzaGa — estilos do tema (mobile-first). Cores e fontes vêm do theme.json. */

:root {
	--wg-radius: 4px;
	--wg-line: var(--wp--preset--color--line);
}

body { -webkit-font-smoothing: antialiased; }
/* Cabeçalho, conteúdo e rodapé encostados (sem o espaçamento padrão entre eles). */
:where(.wp-site-blocks) > * { margin-block-start: 0; }
.wp-block-post-content > .wg-hero:first-child { margin-block-start: 0; }
p { overflow-wrap: break-word; }
:where(.wp-site-blocks) :focus-visible { outline: 2px solid var(--wp--preset--color--accent); outline-offset: 2px; }

/* ---------- Cabeçalho ---------- */
.wg-header { position: sticky; top: 0; z-index: 20; }
.admin-bar .wg-header { top: 46px; }
@media (min-width: 783px) { .admin-bar .wg-header { top: 32px; } }
.wg-header .wg-logo { margin: 0; flex-shrink: 0; }
.wg-header .wg-logo img { border-radius: 2px; width: 52px !important; height: 52px !important; }
.wg-header__acoes { gap: 12px; }
.wg-header .wp-block-navigation a { text-decoration: none; }
.wg-header .wp-block-navigation a:hover { text-decoration: underline; text-underline-offset: 4px; }
.wg-header .wp-block-navigation__responsive-container-open,
.wg-header .wp-block-navigation__responsive-container-close { color: #fff; }
.wg-header .wp-block-navigation__responsive-container.is-menu-open { padding: 24px; }
.wg-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { gap: 18px; font-size: 1.25rem; }
.wg-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
.wg-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { align-items: flex-start; }
.wg-header__cta .wp-block-button__link { white-space: nowrap; }

/* Menu em gaveta até 1024px (o núcleo só faz isso abaixo de 600px). */
@media (max-width: 1023px) {
	.wg-header .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex; }
	.wg-header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none; }
}
@media (min-width: 1024px) {
	.wg-header .wg-logo img { width: 64px !important; height: 64px !important; }
}
@media (max-width: 420px) {
	.wg-header__cta .wp-block-button__link { padding: 0.5rem 0.75rem !important; font-size: 0.8rem !important; }
}

/* Artigo: um único CTA, no fim. */
.wg-artigo .wg-header__cta { display: none; }

/* ---------- Rodapé ---------- */
.wg-footer a { color: #fff; }
.wg-footer p { color: #D9CFC2; }
.wg-footer__titulo { color: #fff !important; font-family: var(--wp--preset--font-family--sans) !important; font-size: 0.8rem !important; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 0.75rem; }
.wg-footer__lista { list-style: none; padding: 0; margin: 0; }
.wg-footer__lista li { margin: 0 0 0.5rem; }
.wg-footer__lista a { text-decoration: none; }
.wg-footer__lista a:hover { text-decoration: underline; }
.wg-footer__base { border-top: 1px solid #3A4A43; padding-top: 1rem; margin-top: 1.5rem; }
.wg-footer__base p { color: #A8B3AD; }

/* ---------- Elementos comuns ---------- */
.wg-kicker, .wg-kicker a {
	color: var(--wp--preset--color--accent);
	font-weight: 600; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.06em;
	text-decoration: none; margin-bottom: 0.25rem;
}
.wg-lead { font-size: 1.15rem; color: var(--wp--preset--color--ink-soft); max-width: 680px; }
.wg-meta { color: var(--wp--preset--color--ink-soft); font-size: 0.875rem; }
.wg-secao { padding-top: var(--wp--preset--spacing--60); padding-bottom: var(--wp--preset--spacing--60); }

.wg-grid { gap: 20px; margin-top: 1.5rem; }
.wg-card {
	background: var(--wp--preset--color--base);
	border: 1px solid var(--wg-line);
	border-radius: var(--wg-radius);
	padding: 22px;
}
.wg-card h3, .wg-card h2 { margin-top: 0.25rem; margin-bottom: 0.5rem; }
.wg-card > * + * { margin-top: 0.5rem; }
.wg-card .wp-block-post-featured-image { margin: -22px -22px 12px; }
.wg-card .wp-block-post-featured-image img { border-radius: var(--wg-radius) var(--wg-radius) 0 0; }
.wg-card .wp-block-post-title a { text-decoration: none; color: var(--wp--preset--color--ink); }
.wg-card .wp-block-post-title a:hover { text-decoration: underline; }
.wg-cards { gap: 20px; }

.wg-badge {
	display: inline-block; font-size: 0.68rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em;
	padding: 2px 10px; border-radius: 999px; margin: 0 0 4px;
	background: var(--wp--preset--color--highlight); color: var(--wp--preset--color--primary);
}
.wg-badge--terapeuta { background: var(--wp--preset--color--accent-bg); color: var(--wp--preset--color--accent); }

/* Espaço reservado para foto ainda não enviada. */
.wg-ph {
	background: repeating-linear-gradient(45deg, var(--wg-line), var(--wg-line) 10px, var(--wp--preset--color--base-alt) 10px, var(--wp--preset--color--base-alt) 20px);
	border: 1px dashed var(--wp--preset--color--ink-soft);
	border-radius: var(--wg-radius);
	aspect-ratio: 4 / 3; padding: 12px; text-align: center;
}
.wg-ph p { font-size: 0.8rem; color: var(--wp--preset--color--ink-soft); margin: 0; }
.wg-pessoa .wg-ph { aspect-ratio: 1 / 1; margin-bottom: 12px; }
.wg-fundador .wg-ph { aspect-ratio: 4 / 5; }

/* Hero */
.wg-hero .wp-block-cover__inner-container { color: #fff; }
.wg-hero h1, .wg-hero p, .wg-hero li { color: #fff; }
.wg-hero .wg-kicker { color: #E8CDB8; }
.wg-hero .wg-lead { color: #E9E2D8; }
.wg-hero .is-style-outline .wp-block-button__link { color: #fff; border-color: #fff; background: transparent; }
.wg-provas { list-style: none; padding: 0; margin-top: 1.75rem; display: flex; flex-wrap: wrap; gap: 10px 28px; font-size: 0.9rem; }
.wg-provas li { color: #E3D8CB !important; }
.wg-provas strong { display: block; color: #fff; font-family: var(--wp--preset--font-family--serif); font-size: 1.15rem; }

.wg-citacao { border-left: 3px solid var(--wp--preset--color--highlight); padding-left: 1rem; margin-left: 0; }
.wg-citacao p { font-family: var(--wp--preset--font-family--serif); font-style: italic; font-size: 1.25rem; color: var(--wp--preset--color--primary-dark); }

.wg-cta-faixa { text-align: center; }
.wg-cta-faixa h2, .wg-cta-faixa p { color: #fff; }
.wg-cta-faixa .wp-block-buttons { justify-content: center; }

.wg-tabela table { font-size: 0.9rem; }
.wg-tabela th { text-align: left; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.04em; color: var(--wp--preset--color--ink-soft); }
.wg-tabela td, .wg-tabela th { border: 0; border-bottom: 1px solid var(--wg-line); padding: 10px 8px; }

/* Lista de categorias em "chips" */
.wg-chips { list-style: none; padding: 0; margin: 1.25rem 0 0; display: flex; flex-wrap: wrap; gap: 8px; }
.wg-chips li a {
	display: inline-block; padding: 6px 14px; border: 1px solid var(--wg-line); border-radius: 999px;
	font-size: 0.875rem; text-decoration: none; color: var(--wp--preset--color--primary); background: var(--wp--preset--color--base);
}
.wg-chips li a:hover, .wg-chips li.current-cat a { background: var(--wp--preset--color--primary); color: #fff; border-color: var(--wp--preset--color--primary); }

/* ---------- Artigo ---------- */
.wg-post .wp-block-post-title { margin-top: 0.25rem; }
.wg-post .wp-block-post-terms a { text-decoration: none; }
.wg-linha-autor { display: flex; flex-direction: column; gap: 2px; font-size: 0.875rem; color: var(--wp--preset--color--ink-soft); margin-top: 0.5rem; }
.wg-linha-autor a { color: var(--wp--preset--color--primary); }
@media (min-width: 720px) {
	.wg-linha-autor { flex-direction: row; flex-wrap: wrap; }
	.wg-linha-autor span + span::before { content: "·"; margin: 0 8px; }
}

.wg-resumo {
	background: var(--wp--preset--color--base-alt);
	border-left: 4px solid var(--wp--preset--color--primary);
	border-radius: 0 var(--wg-radius) var(--wg-radius) 0;
	padding: 18px 20px; margin-top: 1.5rem;
}
.wg-resumo__rotulo { margin: 0 0 6px; font-weight: 600; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.06em; color: var(--wp--preset--color--primary); }
.wg-resumo__texto { margin: 0; font-size: 1.05rem; }

.wg-post__conteudo h2 { margin-top: 2.25rem; }
.wg-post__conteudo img { border-radius: var(--wg-radius); }

.wg-faq { margin-top: 2.5rem; }
.wp-block-details summary { cursor: pointer; font-weight: 600; color: var(--wp--preset--color--ink); }
.wp-block-details[open] summary { margin-bottom: 0.5rem; }

.wg-fontes { margin-top: 2.5rem; font-size: 0.875rem; }
.wg-fontes h2 { font-size: var(--wp--preset--font-size--large); }
.wg-fontes li { margin-bottom: 0.5rem; overflow-wrap: anywhere; }

.wg-autor {
	display: grid; grid-template-columns: 72px 1fr; gap: 16px; align-items: start;
	border-top: 1px solid var(--wg-line); border-bottom: 1px solid var(--wg-line);
	padding: 20px 0; margin-top: 2.5rem;
}
.wg-autor__foto { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; }
.wg-autor p { margin: 0; }
.wg-autor__rotulo { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.06em; color: var(--wp--preset--color--ink-soft); }
.wg-autor__nome { font-family: var(--wp--preset--font-family--serif); font-size: 1.25rem; font-weight: 600; }
.wg-autor__nome a { color: var(--wp--preset--color--ink); text-decoration: none; }
.wg-autor__cred { font-size: 0.875rem; color: var(--wp--preset--color--ink-soft); }
.wg-autor__bio { margin-top: 8px !important; font-size: 0.95rem; }
@media (min-width: 600px) {
	.wg-autor { grid-template-columns: 96px 1fr; }
	.wg-autor__foto { width: 96px; height: 96px; }
}

.wg-aviso {
	background: var(--wp--preset--color--highlight);
	border-radius: var(--wg-radius);
	padding: 16px 20px; margin-top: 2rem;
}
.wg-aviso p { margin: 0; font-size: 0.9rem; color: var(--wp--preset--color--ink); }

.wg-cta {
	text-align: center; margin-top: 2rem; padding: 28px 20px;
	border: 1px solid var(--wg-line); border-radius: var(--wg-radius);
}
.wg-cta__chamada { margin: 0 0 14px; font-size: 1.05rem; }
.wg-cta .wp-block-button { display: inline-block; }

.wg-relacionados { margin-top: 2.5rem; }
.wg-relacionados__titulo { font-size: var(--wp--preset--font-size--large); }
.wg-relacionados ul { padding-left: 1.1rem; }
.wg-relacionados li { margin-bottom: 0.4rem; }

/* ---------- WhatsApp ---------- */
.wg-whatsapp {
	position: fixed; right: 16px; bottom: 16px; z-index: 30;
	width: 56px; height: 56px; border-radius: 50%;
	background: #25D366; color: #fff;
	display: flex; align-items: center; justify-content: center;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
}
.wg-whatsapp:hover { background: #1DA851; }

@media (prefers-reduced-motion: reduce) {
	* { scroll-behavior: auto !important; transition: none !important; }
}