/* ==========================================================================
 * Blog - 3B Imoveis (canal de captacao)
 * --------------------------------------------------------------------------
 * Escopo: enfileirado apenas nas paginas do blog publico (threeb_is_blog_page()
 * em inc/blog-lead-capture.php) - nunca no Painel do corretor.
 * Paleta: reaproveita os tons ja usados no site publico (dourado #c69a5a,
 * verde-escuro #1e3c2b), ja confirmados em style.css - nao inventa cor nova.
 * Os tokens do Painel (--threeb-dourado etc., em corretor-dashboard.css) sao
 * um conjunto DIFERENTE e nao sao usados aqui de proposito.
 * ========================================================================== */

/* -----------------------------------------------------------------------
 * Botao de CTA - receita visual extraida do botao dourado ja existente em
 * "body.single-post .wp-block-buttons .wp-block-button__link" (style.css),
 * sem alterar aquela regra original.
 * --------------------------------------------------------------------- */
.threeb-blog-cta-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	padding: 12px 20px;
	background: #c69a5a;
	/* Verde-escuro sobre o dourado, nao branco: branco sobre #c69a5a da
	   2,57:1 (ilegivel, reprova em WCAG AA); o verde da 4,84:1 e e o mesmo
	   par dourado+verde que o botao "Leia mais" ja usa no hover e que a
	   faixa dourada do blog usa. */
	color: #1e3c2b;
	font-weight: 800;
	border: none;
	border-radius: 4px;
	text-decoration: none;
	cursor: pointer;
}

.threeb-blog-cta-btn:hover,
.threeb-blog-cta-btn:focus {
	background: #1e3c2b;
	color: #fff;
	text-decoration: none;
}

.threeb-blog-cta-btn-sm {
	width: auto;
	padding: 8px 16px;
}

/* -----------------------------------------------------------------------
 * Card de captacao (widget de barra lateral + fim do post)
 * --------------------------------------------------------------------- */
.threeb-blog-cta {
	background: #f7f6f3;
	border-left: 4px solid #c69a5a;
	border-radius: 4px;
	padding: 20px;
}

.threeb-blog-cta-title {
	color: #1e3c2b;
	font-size: 18px;
	margin-bottom: 8px;
}

.threeb-blog-cta-text {
	color: #555;
	font-size: 14.5px;
	margin-bottom: 14px;
}

.threeb-blog-cta-field {
	margin-bottom: 10px;
}

.threeb-blog-cta-field input {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid #dce0e0;
	border-radius: 4px;
}

.threeb-blog-cta-msgs {
	margin-top: 10px;
	font-size: 14px;
}

.threeb-blog-cta-msgs.is-success {
	color: #1e6b3c;
}

.threeb-blog-cta-msgs.is-error {
	color: #a3271d;
}

/* Honeypot: fora da tela, mas presente no DOM (alguns bots ignoram display:none). */
.threeb-blog-cta-hp {
	position: absolute;
	left: -9999px;
	top: -9999px;
}

/* -----------------------------------------------------------------------
 * Faixa leve no meio do texto (so um link, sem formulario)
 * --------------------------------------------------------------------- */
.threeb-blog-inline-banner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	background: #f7f6f3;
	border-radius: 4px;
	padding: 14px 18px;
	margin: 24px 0;
}

.threeb-blog-inline-banner-text {
	color: #1e3c2b;
	font-weight: 600;
}

/* -----------------------------------------------------------------------
 * CTA de WhatsApp direto (topo do post) - a maior parte do estilo ja vem
 * de ".contact-whatsapp" (style.css); aqui so o espacamento no contexto do blog.
 * --------------------------------------------------------------------- */
.threeb-blog-whatsapp-cta {
	margin: 0 0 20px;
	font-size: 15px;
}

/* -----------------------------------------------------------------------
 * Barra de filtro por categoria (index.php / archive.php)
 * --------------------------------------------------------------------- */
.threeb-blog-filter-tabs-wrap {
	margin-bottom: 24px;
}

.threeb-blog-filter-tabs-wrap .nav-tabs {
	flex-wrap: wrap;
	gap: 8px;
}

/* -----------------------------------------------------------------------
 * Descricao da categoria (archive.php)
 * --------------------------------------------------------------------- */
.threeb-blog-term-description {
	color: #555;
	margin: 12px 0 0;
	max-width: 70ch;
}

/* -----------------------------------------------------------------------
 * Mobile
 * --------------------------------------------------------------------- */
@media (max-width: 767.98px) {
	.threeb-blog-inline-banner {
		flex-direction: column;
		align-items: flex-start;
	}

	.threeb-blog-cta-btn-sm {
		width: 100%;
	}
}