/**
 * Ajustes de acessibilidade (contraste de cor) e performance (CLS) do site
 * jonatanramos.adv.br, aplicados por cima do tema/Elementor sem tocar no
 * conteudo. Cada regra ficou escopada ao elemento especifico apontado pelo
 * Lighthouse/PageSpeed Insights para nao alterar outros elementos.
 *
 * Este arquivo fica de fora da combinacao de CSS do LiteSpeed (ver filtro
 * litespeed_optimize_css_excludes em functions.php) porque o bundle
 * combinado do site tem um trecho de HTML solto (meta de verificacao do
 * Facebook) dentro do bloco de estilo do rodape que quebra a regra CSS
 * seguinte a ele - carregando este arquivo separado evita esse problema.
 */

/* Botoes de WhatsApp (hero, rodape, CTAs de artigo/guia/local etc.): por
   escolha do usuario, ficam com o verde oficial do WhatsApp (#25d366) e
   texto branco - a combinacao original do site, sem override daqui. Isso
   da ~2:1 de contraste (abaixo do minimo de 4.5:1 de WCAG AA), entao esse
   item especifico volta a falhar o audit de "color-contrast" do
   Lighthouse/PageSpeed - decisao consciente, nao um esquecimento. */

/* Kickers dourados (Areas de atuacao / Publicacoes) e o titulo "Fale
   conosco" usavam a cor dourada clara #c9b456 (contraste ~2:1). Reaproveita
   o global color escuro que o site ja tem definido para esse mesmo tom
   (--e-global-color-dc9a05e, #6d6130), agora em ~4.7:1-6:1. */
.jr-area-tabs-kicker,
.jr-home-publications-kicker,
.elementor-element-5cb34146 .elementor-heading-title {
	color: var(--e-global-color-dc9a05e, #6d6130) !important;
}

/* Botao "Ver mais artigos" (fundo dourado + texto branco, contraste
   ~2:1). Fundo escurecido para o mesmo tom dourado em ~5.4:1. */
.jr-home-publications-button {
	background-color: #7a6919 !important;
}

/* Placeholder dos campos do formulario de contato (cinza claro demais,
   ~4.3:1, abaixo do minimo de 4.5:1 para texto normal). */
.elementor-field-textual::placeholder {
	color: #666666 !important;
	opacity: 1;
}

/* Logo do cabecalho sem width/height explicitos (risco de layout shift).
   Trava a proporcao real do arquivo (1180x194) via aspect-ratio, sem
   mudar o tamanho exibido. */
img[src*="jonatan-ramos-advogados-associados-clara"] {
	aspect-ratio: 1180 / 194;
	height: auto;
}