/* RH Blocos — direção B (Guia prático) + veredito da C. Cores e raios vêm do theme.json do tema rh-tt5,
   com valores de reserva para funcionar também em outro tema (ex.: staging antes da troca). */

.rh-produto {
	--rh-amarelo: var(--wp--preset--color--accent-1, #EBB72E);
	--rh-preto: var(--wp--preset--color--contrast, #111111);
	--rh-creme: var(--wp--preset--color--accent-2, #FBF3DC);
	--rh-superficie: var(--wp--preset--color--accent-5, #F4F4F2);
	--rh-borda: var(--wp--preset--color--accent-6, #DADADA);
	--rh-suave: var(--wp--preset--color--accent-4, #4A4A4A);
	border: 1px solid var(--rh-borda);
	border-radius: var(--wp--custom--raio--card, 16px);
	overflow: hidden;
	background: #fff;
	margin-block: 1.25rem;
}
.rh-produto--selo { border: 2px solid var(--rh-preto); }
.rh-produto__selo { background: var(--rh-amarelo); color: var(--rh-preto); font-weight: 700; font-size: 0.8125rem; padding: 0.5rem 0.875rem; }
.rh-produto__corpo { padding: 1rem; display: flex; flex-direction: column; gap: 0.75rem; }
.rh-produto__topo { display: flex; gap: 0.625rem; align-items: center; }
.rh-produto__posicao { flex: 0 0 auto; width: 2.125rem; height: 2.125rem; border-radius: 10px; background: var(--rh-preto); color: var(--rh-amarelo); display: flex; align-items: center; justify-content: center; font-weight: 700; }
.rh-produto__nome { margin: 0; font-size: 1.0625rem; font-weight: 600; line-height: 1.3; }
.rh-produto__imagem { width: 100%; height: auto; max-height: 260px; object-fit: contain; border-radius: 12px; background: var(--rh-superficie); }
.rh-produto__destaque { margin: 0; color: var(--rh-suave); font-size: 0.9375rem; }
.rh-produto__para { background: var(--rh-creme); border-radius: 12px; padding: 0.75rem; font-size: 0.9375rem; line-height: 1.5; }
.rh-produto__descricao { font-size: 0.9375rem; line-height: 1.6; }
.rh-produto__descricao p { margin: 0 0 0.625rem; }
.rh-produto__descricao p:last-child { margin-bottom: 0; }
.rh-produto__pc { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; font-size: 0.875rem; }
.rh-produto__pc ul { margin: 0.25rem 0 0; padding-left: 1.1rem; }
.rh-produto__pc-titulo--pro { color: var(--wp--preset--color--pro, #2E6B3A); }
.rh-produto__pc-titulo--contra { color: var(--wp--preset--color--contra, #7A2A10); }
@media (max-width: 420px) { .rh-produto__pc { grid-template-columns: minmax(0, 1fr); } }

.rh-botao-amazon {
	display: flex; align-items: center; justify-content: center; gap: 0.5rem;
	min-height: var(--wp--custom--alvo-toque, 48px);
	padding: 0.75rem 1.25rem;
	border-radius: var(--wp--custom--raio--botao, 12px);
	background: var(--wp--preset--color--accent-1, #EBB72E);
	color: var(--wp--preset--color--contrast, #111111) !important;
	font-weight: 700; text-decoration: none !important;
}
.rh-botao-amazon:hover, .rh-botao-amazon:focus-visible { background: var(--wp--preset--color--contrast, #111111); color: var(--wp--preset--color--accent-1, #EBB72E) !important; }
.rh-botao-amazon:focus-visible { outline: 2px solid var(--wp--preset--color--accent-1, #EBB72E); outline-offset: 2px; }

.rh-veredito {
	background: var(--wp--preset--color--contrast, #111111);
	color: #fff;
	padding: 1.25rem 1rem;
	border-radius: var(--wp--custom--raio--card, 16px);
	display: flex; flex-direction: column; gap: 0.75rem;
	margin-block: 1.25rem;
}
.rh-veredito p { margin: 0; }
.rh-veredito__rotulo { color: var(--wp--preset--color--accent-1, #EBB72E); font-weight: 700; font-size: 0.8125rem; text-transform: uppercase; letter-spacing: 0.08em; }
.rh-veredito__escolha { font-size: 1.25rem; font-weight: 700; line-height: 1.3; }
.rh-veredito__motivo { color: #E4E4E4; font-size: 0.9375rem; line-height: 1.5; }
.rh-veredito__alternativas { list-style: none; margin: 0.25rem 0 0; padding: 0; border-top: 1px solid #3A3A3A; }
.rh-veredito__alternativas li { border-bottom: 1px solid #3A3A3A; }
.rh-veredito__alternativas li:last-child { border-bottom: 0; }
.rh-veredito__alternativas a { display: flex; flex-direction: column; gap: 0.125rem; padding: 0.75rem 0; color: #fff !important; text-decoration: none !important; min-height: 44px; }
.rh-veredito__alt-rotulo { color: var(--wp--preset--color--accent-1, #EBB72E); font-size: 0.75rem; font-weight: 700; text-transform: uppercase; }
.rh-veredito__alt-nome { font-weight: 600; }

/* rh/escolha-rapida — top 3 acima da dobra */
.rh-escolha { display: flex; flex-direction: column; gap: 0.625rem; margin-block: 1rem 1.25rem; }
.rh-escolha__titulo { margin: 0; font-size: var(--wp--preset--font-size--x-large, 1.625rem); font-weight: 700; line-height: 1.25; }
.rh-escolha__principal { border: 2px solid var(--wp--preset--color--contrast, #111111); border-radius: var(--wp--custom--raio--card, 16px); overflow: hidden; }
.rh-escolha__selo { background: var(--wp--preset--color--accent-1, #EBB72E); color: var(--wp--preset--color--contrast, #111111); padding: 0.5rem 0.875rem; font-weight: 700; font-size: 0.8125rem; }
.rh-escolha__corpo { padding: 0.875rem; display: flex; gap: 0.75rem; align-items: center; }
.rh-escolha__imagem { width: 84px; height: 84px; flex-shrink: 0; object-fit: contain; border-radius: 12px; background: var(--wp--preset--color--accent-5, #F4F4F2); }
.rh-escolha__texto { display: flex; flex-direction: column; gap: 0.25rem; min-width: 0; }
.rh-escolha__nome { font-size: 0.9375rem; line-height: 1.3; }
.rh-escolha__destaque { font-size: 0.8125rem; color: var(--wp--preset--color--accent-4, #4A4A4A); }
.rh-escolha__botao { margin: 0 0.875rem 0.875rem; }
.rh-escolha__outros { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.625rem; }
.rh-escolha__outro {
	padding: 0.75rem; border: 1px solid var(--wp--preset--color--accent-6, #DADADA); border-radius: 14px;
	display: flex; flex-direction: column; gap: 0.375rem; text-decoration: none !important; color: var(--wp--preset--color--contrast, #111111) !important;
	min-height: var(--wp--custom--alvo-toque, 48px);
}
.rh-escolha__outro:hover, .rh-escolha__outro:focus-visible { border-color: var(--wp--preset--color--contrast, #111111); }
.rh-escolha__outro-rotulo { font-size: 0.75rem; font-weight: 700; }
.rh-escolha__outro-imagem { width: 100%; height: 70px; object-fit: contain; border-radius: 10px; background: var(--wp--preset--color--accent-5, #F4F4F2); }
.rh-escolha__outro-nome { font-size: 0.8125rem; font-weight: 600; line-height: 1.3; }
.rh-escolha__outro-destaque { font-size: 0.75rem; color: var(--wp--preset--color--accent-4, #4A4A4A); }

/* rh/ranking */
.rh-ranking { margin-block: 1.5rem; }
.rh-ranking__titulo { margin: 0 0 0.75rem; }
.rh-ranking > .rh-produto { margin-block: 0 0.75rem; }

/* rh/tabela — rolagem lateral com a 1ª coluna fixa */
.rh-tabela { margin-block: 1.5rem; }
.rh-tabela__titulo { margin: 0 0 0.75rem; }
.rh-tabela__rolagem { overflow-x: auto; contain: paint; max-width: 100%; border: 1px solid var(--wp--preset--color--accent-6, #DADADA); border-radius: 12px; -webkit-overflow-scrolling: touch; }
.rh-tabela__rolagem:focus-visible { outline: 2px solid var(--wp--preset--color--contrast, #111111); outline-offset: 2px; }
.rh-tabela .rh-tabela__rolagem > table { display: table; max-width: none; overflow: visible; }
.rh-tabela table { border-collapse: collapse; width: 100%; min-width: 520px; font-size: 0.875rem; margin: 0; }
.rh-tabela th, .rh-tabela td { padding: 0.625rem 0.75rem; border-bottom: 1px solid var(--wp--preset--color--accent-6, #DADADA); text-align: left; vertical-align: middle; }
.rh-tabela thead th { background: var(--wp--preset--color--contrast, #111111); color: #fff; font-weight: 600; white-space: nowrap; }
.rh-tabela tbody th { position: sticky; left: 0; background: var(--wp--preset--color--base, #fff); font-weight: 600; max-width: 12rem; box-shadow: 1px 0 0 var(--wp--preset--color--accent-6, #DADADA); }
.rh-tabela thead th:first-child { position: sticky; left: 0; z-index: 1; }
.rh-tabela tbody tr:last-child th, .rh-tabela tbody tr:last-child td { border-bottom: 0; }
.rh-tabela__botao {
	display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 0.375rem 0.75rem; white-space: nowrap;
	border-radius: var(--wp--custom--raio--botao, 12px); background: var(--wp--preset--color--accent-1, #EBB72E);
	color: var(--wp--preset--color--contrast, #111111) !important; font-weight: 700; text-decoration: none !important;
}

.rh-aviso { padding: 0.75rem; border: 2px dashed #B45309; border-radius: 8px; background: #FFF7E6; font-size: 0.875rem; }

/* rh/ficha-produto — página /produto/ (review) sem o Elementor */
.rh-ficha--acoes { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem 1.25rem; margin-block: 1rem 1.5rem; }
.rh-ficha--acoes .rh-botao-amazon { width: auto; min-width: 220px; }
.rh-ficha__tipo { margin: 0; font-size: 0.875rem; color: var(--wp--preset--color--accent-4, #4A4A4A); }
.rh-ficha--review { margin-block: 2rem 0; }
.rh-ficha--review img { max-width: 100%; height: auto; }

/* Imagens do produto (0.2.3): clicáveis para a Amazon; alturas fixas vencem o height:auto do tema */
.rh-produto__imagem-link, .rh-escolha__imagem-link { display: block; line-height: 0; }
.rh-escolha__imagem-link { flex: 0 0 96px; }
.rh-escolha .rh-escolha__imagem { width: 96px; height: 96px; object-fit: contain; background: #fff; border-radius: 10px; flex: 0 0 96px; }
.rh-escolha .rh-escolha__outro-imagem { width: 100%; height: 120px; object-fit: contain; background: #fff; }
.rh-produto .rh-produto__imagem { width: 100%; height: 220px; max-height: none; object-fit: contain; background: #fff; }
@media (min-width: 700px) { .rh-produto .rh-produto__imagem { height: 260px; } }
.rh-escolha__outro-cta { margin-top: auto; align-self: flex-start; padding: 0.375rem 0.75rem; border-radius: var(--wp--custom--raio--botao, 12px); background: var(--wp--preset--color--accent-1, #EBB72E); font-size: 0.8125rem; font-weight: 700; }

/* Perguntas frequentes em sanfona (inc/conteudo.php) */
.rh-faq { display: flex; flex-direction: column; gap: 0.5rem; margin-block: 0.75rem 1.5rem; }
.rh-faq__item { border: 1px solid var(--wp--preset--color--accent-6, #DADADA); border-radius: 12px; background: #fff; }
.rh-faq__pergunta { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; min-height: 48px; padding: 0.625rem 0.875rem; cursor: pointer; list-style: none; }
.rh-faq__pergunta::-webkit-details-marker { display: none; }
.rh-faq__pergunta::after { content: "+"; flex: 0 0 auto; font-size: 1.25rem; font-weight: 600; line-height: 1; }
.rh-faq__item[open] > .rh-faq__pergunta::after { content: "–"; }
.rh-faq__pergunta h3 { margin: 0; font-size: 1rem; font-weight: 600; line-height: 1.35; }
.rh-faq__resposta { padding: 0 0.875rem 0.875rem; font-size: 0.9375rem; }
.rh-faq__resposta > :first-child { margin-top: 0; }
.rh-faq__resposta > :last-child { margin-bottom: 0; }

/* "Veja também" do conteúdo em cards */
.rh-veja-tambem { list-style: none; padding: 0; margin: 0.75rem 0 1.5rem; display: grid; grid-template-columns: minmax(0, 1fr); gap: 0.5rem; }
@media (min-width: 600px) { .rh-veja-tambem { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.rh-veja-tambem li { margin: 0; }
.rh-veja-tambem a { display: flex; align-items: center; min-height: 56px; height: 100%; box-sizing: border-box; padding: 0.625rem 0.875rem; border: 1px solid var(--wp--preset--color--accent-6, #DADADA); border-radius: 12px; font-weight: 600; text-decoration: none; color: var(--wp--preset--color--contrast, #111111); }
.rh-veja-tambem a::after { content: "→"; margin-left: auto; padding-left: 0.5rem; }
.rh-veja-tambem a:hover, .rh-veja-tambem a:focus-visible { border-color: var(--wp--preset--color--contrast, #111111); }

/* rh/relacionados */
.rh-relacionados { margin-block: 2rem 1rem; }
.rh-relacionados__titulo { margin: 0 0 0.75rem; font-size: var(--wp--preset--font-size--large, 1.25rem); }
.rh-relacionados__lista { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.625rem; }
@media (min-width: 700px) { .rh-relacionados__lista { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.rh-relacionados__link { display: flex; flex-direction: column; gap: 0.375rem; height: 100%; box-sizing: border-box; padding: 0.75rem; border: 1px solid var(--wp--preset--color--accent-6, #DADADA); border-radius: 14px; text-decoration: none; color: var(--wp--preset--color--contrast, #111111); }
.rh-relacionados__link:hover, .rh-relacionados__link:focus-visible { border-color: var(--wp--preset--color--contrast, #111111); }
.rh-relacionados .rh-relacionados__imagem { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 10px; background: var(--wp--preset--color--accent-5, #F4F4F2); }
.rh-relacionados__nome { font-size: 0.875rem; font-weight: 600; line-height: 1.35; }
.rh-relacionados__data { margin-top: auto; font-size: 0.75rem; color: var(--wp--preset--color--accent-4, #4A4A4A); }

/* rh/assuntos — filtros por assunto (f2-4) */
.rh-assuntos-filtro { margin-block: 0.75rem 0; }
.rh-assuntos-filtro__titulo { margin: 0 0 0.5rem; font-size: 0.8125rem; font-weight: 600; color: var(--wp--preset--color--accent-4, #4A4A4A); }
.rh-assuntos-filtro__lista { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0.5rem; }
.rh-assuntos-filtro__item { display: inline-flex; align-items: center; gap: 0.375rem; min-height: 40px; box-sizing: border-box; padding: 0.375rem 0.875rem; border: 1px solid var(--wp--preset--color--accent-6, #DADADA); border-radius: 999px; background: var(--wp--preset--color--base, #fff); font-size: 0.875rem; font-weight: 600; text-decoration: none; color: var(--wp--preset--color--contrast, #111111); }
.rh-assuntos-filtro__item:hover, .rh-assuntos-filtro__item:focus-visible { border-color: var(--wp--preset--color--contrast, #111111); }
.rh-assuntos-filtro__item.is-atual { background: var(--wp--preset--color--contrast, #111111); border-color: var(--wp--preset--color--contrast, #111111); color: var(--wp--preset--color--base, #fff); }
.rh-assuntos-filtro__n { font-size: 0.75rem; font-weight: 500; color: var(--wp--preset--color--accent-4, #4A4A4A); }
.rh-assuntos-filtro__item.is-atual .rh-assuntos-filtro__n { color: var(--wp--preset--color--accent-1, #EBB72E); }
@media (max-width: 599px) { .rh-assuntos-filtro__lista { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 0.25rem; scrollbar-width: thin; } .rh-assuntos-filtro__item { white-space: nowrap; } }

/* rh/destaques — "Mais procurados" (usa o card rh-card-guia do tema) */
.rh-destaques__titulo { margin: 0 0 0.875rem; font-size: var(--wp--preset--font-size--large, 1.25rem); }
.rh-destaques__lista { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.75rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 700px) { .rh-destaques__lista { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.rh-destaques__texto { display: flex; flex-direction: column; gap: 0.25rem; padding: 0.625rem 0.75rem 0.75rem; }
.rh-destaques .rh-card-guia { display: flex; flex-direction: column; }
.rh-destaques .rh-card-guia__titulo { margin: 0; font-size: 0.9375rem; }

/* rh/top — ranking resumido no topo do guia (f3-4 + fu-3) */
.rh-top { margin-block: 1.25rem 1.75rem; }
.rh-top__titulo { margin: 0 0 0.75rem; font-size: 1.25rem; line-height: 1.3; }
.rh-top__lista { display: grid; gap: 0.5rem; margin: 0; padding: 0; list-style: none; counter-reset: none; }
.rh-top__item { display: grid; grid-template-columns: 2rem 64px minmax(0, 1fr) auto; align-items: center; gap: 0.75rem; padding: 0.625rem 0.75rem; border: 1px solid var(--wp--preset--color--accent-6, #DADADA); border-radius: 16px; background: var(--wp--preset--color--base, #fff); transition: border-color 0.2s, box-shadow 0.2s; }
.rh-top__item:hover { border-color: var(--wp--preset--color--contrast, #111); box-shadow: 0 8px 20px -14px rgb(17 17 17 / 0.4); }
.rh-top__item--1 { border: 2px solid var(--wp--preset--color--accent-1, #EBB72E); background: var(--wp--preset--color--accent-2, #FBF3DC); }
.rh-top__posicao { display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: 50%; background: var(--wp--preset--color--accent-5, #F4F4F2); font-weight: 700; font-size: 0.875rem; font-variant-numeric: tabular-nums; }
.rh-top__item--1 .rh-top__posicao { background: var(--wp--preset--color--contrast, #111); color: var(--wp--preset--color--accent-1, #EBB72E); }
.rh-top__imagem { width: 64px; height: 64px; object-fit: contain; border-radius: 10px; background: #fff; }
.rh-top__imagem--vazia { display: block; background: var(--wp--preset--color--accent-5, #F4F4F2); }
.rh-top__nome { font-weight: 600; font-size: 0.9375rem; line-height: 1.35; }
.rh-top__botao { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 1rem; border-radius: 999px; background: var(--wp--preset--color--accent-1, #EBB72E); color: var(--wp--preset--color--contrast, #111); font-weight: 700; font-size: 0.875rem; text-decoration: none; white-space: nowrap; }
.rh-top__botao:hover, .rh-top__botao:focus-visible { background: var(--wp--preset--color--contrast, #111); color: var(--wp--preset--color--accent-1, #EBB72E); }
@media (max-width: 599px) {
	.rh-top__item { grid-template-columns: 1.75rem 56px minmax(0, 1fr); row-gap: 0.5rem; }
	.rh-top__imagem { width: 56px; height: 56px; }
	.rh-top__botao { grid-column: 2 / -1; min-height: 40px; }
}

/* 0.2.8 · produto sem foto: ícone do assunto em creme (sprite do cabeçalho), no lugar da foto */
.rh-produto__icone { display: grid; place-items: center; height: 220px; border-radius: 12px; background: var(--rh-creme); color: #9A7414; }
.rh-produto__icone .rh-ico { width: 72px; height: 72px; stroke-width: 1.4; }
@media (min-width: 700px) { .rh-produto__icone { height: 260px; } }
.rh-top__imagem--vazia { display: grid; place-items: center; background: var(--rh-creme); color: #9A7414; }
.rh-top__imagem--vazia .rh-ico { width: 30px; height: 30px; stroke-width: 1.6; }

/* 0.2.8 · linha "o que mudou" (r-modernizar, T4): discreta, logo acima do conteúdo */
.rh-mudou { margin-block: 0 1.25rem; padding: 0.625rem 0.875rem; border-left: 3px solid var(--wp--preset--color--accent-1, #EBB72E); background: var(--rh-creme); border-radius: 0 10px 10px 0; font-size: 0.875rem; line-height: 1.5; color: #4A4A4A; }